javascript - 在 <textarea> 中转义 HTML 标记

我有一个 <textarea> tag在我的网站上，用户可以将 HTML 代码放在那里并查看其预览。我的问题是当用户在我的 <textarea> 中输入下面提到的代码时我的预览功能失败了:

<html>
<textarea>Some code to show</textarea>
</html>

所以问题是如何在我的 <textarea> tag 中转义此 html 代码据我所知，问题来了，因为</textarea> tag .

请提供任何解决方案。

编辑

问题是关于使用 </textarea>在文本区域内。

最佳答案

编辑:为了您的目的，这样做:

<textarea>
        Outside Textarea
        &lt;textarea&gt;Inside Textarea&lt;/textarea&gt;
</textarea>

或者像已经提到的那样使用 contenteditable -> click

第一个答案:我不确定我是否完全理解，但仍然如此。例如，您想在其他地方的文本区域内显示代码吗？

你可以像这样点击(我想你不是静态地把嵌套文本区域放在 html 中？):

HTML:

<textarea id="textarea" >Something code to show</textarea>
<button onclick="show()">show</button>
<div id="showArea"></div>

JS:

function show(){
    var t = document.getElementById('textarea').value; 
    document.getElementById('showArea').innerHTML = t;
}

当然，如果您想要显示 textarea 中的 html，那么这当然是可行的。您也可以将另一个文本区域放在第一个文本区域中，它会起作用。

如果您希望结果动态显示，您可以使用

<textarea id="textarea" onkeyup="show()">Something code to show</textarea>

即使您将代码(html 和文本区域)放在文本区域中，它也能正常工作 - 它会显示它，我测试过它

关于javascript - 在 <textarea> 中转义 HTML 标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24931421/