получить необработанный текст из textarea

Question

Я хочу получить необработанный текст из texarea, то есть без преобразования значений Юникода, например:

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>

Я хочу получить необработанный текст, поэтому, когда я получаю значение текстовой области, вместо 101

я получаю "& # 128036"

Answer 1

Использование «?». codePointAt(0) вернет вам «128036».Проверьте это , если вы хотите прочитать об этом.

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

 <textarea class="hide">
?

</textarea>
<span></span>

Answer 2

Используйте Unicode для представления «&» для отображения уни-кода

& # 1 2 8 0 3 6;для отображения & # 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

?

Используйте Юникод для представления &.