-1

I have found a similar post, but my situation is different and I think others could benefit if it's in a different post. My problem is that I have a textarea where people can type anything. I put all the text from the textarea into a variable called "input1" where it is then put into a div to show what the user has typed. my problem is if the user types HTML in the textarea, it will show the HTML in the div. What I have tried is putting the textarea text into the variable "input1" that my system can use, but then from "input1" into "input2" variable, but as a formatted version of the HTML code that will display the HTML but not run it. So if the user types this:

<strong>example text</strong>

I would like it to show this:

<strong>example text</strong>

Not this:

example text

Improve this question
8
  • 1
    replace all < and > by &lt; and &gt;. Commented Dec 15, 2020 at 20:41
  • Please provide the code that you already have. By the sound of it, you're setting innerHtml while you should do something else like produce a div with ``` font-family: monospace; white-space: pre; ``` and have input1 value inside Commented Dec 15, 2020 at 20:41
  • Does this help? stackoverflow.com/questions/40263803/… Commented Dec 15, 2020 at 20:41
  • Check out the encodeuri() and decodeuri() functions in javascript. Commented Dec 15, 2020 at 20:42
  • You can check the answers on this question, it explained in detail: stackoverflow.com/questions/2820453/… Commented Dec 15, 2020 at 20:43

1 Answer 1

Reset to default
0

Thank you @Sirko for pointing me in the right direction, I used what you sent me. Using what I now know I have changed my variables to work. This is a sample of what I did.

input1 = input2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g,'&gt;')

I have found that you should change the & first, then < and >. because otherwise, it will change the text to a &lt; then to a &amp;lt;.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.