从textarea获取原始文本

Question

I want to get the raw text from a texarea, with this I mean without converting unicode values, for example:

 let textArea=document.querySelector("textarea"); let value=textArea.value; let valueSpan=document.querySelector(".value .text") let valueinnerHTML=document.querySelector(".innerHTML .text"); console.log(value); console.log(textArea.innerHTML); valueSpan.textContent =value; valueinnerHTML.textContent=textArea.innerHTML; 

 .wrapper{ display: grid; grid-template-columns: 1fr; grid-gap: 5px; } .test{ display: grid; grid-template-columns: 1fr; grid-gap: 3px; } 

 <textarea class="hide"> Unicode: &#128036; Icon: 🐤 </textarea> <div class="wrapper"> <div class="value test"> <h3> Value</h3> <span class="text"></span> </div> <div class="innerHTML test"> <h3> InnerHTML</h3> <span class="text"></span> </div> </div> 

I want to be get the raw text so when I get text area value, I get "&#128036" instead of 🐤

Answer 1

Using "🐤". codePointAt(0) will return you "128036". Check out this if you want to read about it.

 let value=document.querySelector("textarea").value let span=document.querySelector("span"); span.textContent =value.codePointAt(0); 

  <textarea class="hide"> 🐤 </textarea> <span></span> 

Answer 2

Use Unicode to present "&" in order to display the uni-code

& # 1 2 8 0 3 6; to display & # 1 2 8 0 3 6;

 let textArea=document.querySelector("textarea"); let value=textArea.value; let valueSpan=document.querySelector(".value .text") let valueinnerHTML=document.querySelector(".innerHTML .text"); console.log(value); console.log(textArea.innerHTML); valueSpan.textContent =value; valueinnerHTML.textContent=textArea.innerHTML; 

 .wrapper{ display: grid; grid-template-columns: 1fr; grid-gap: 5px; } .test{ display: grid; grid-template-columns: 1fr; grid-gap: 3px; } 

 <textarea class="hide"> Unicode: &#38;#128036; Icon: 🐤 </textarea> <div class="wrapper"> <div class="value test"> <h3> Value</h3> <span class="text"></span> </div> <div class="innerHTML test"> <h3> InnerHTML</h3> <span class="text"></span> </div> </div> 

Answer 3

&#128036

Use Unicode to present &.