CODEWITHSUNDEEP
javascripthtmlunicode
John Balvin Arias
John Balvin Arias

Reputation: 2896

get raw text from textarea

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 šŸ¤

Upvotes: 5

Views: 2200

Answers (3)

UndefinedQ
UndefinedQ

Reputation: 11

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>

Upvotes: 1

UndefinedQ
UndefinedQ

Reputation: 11

&#128036

Use Unicode to present &.

Upvotes: -1

Jordan.J.D
Jordan.J.D

Reputation: 8113

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>

Upvotes: 2

Related Questions