gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 12:39:35 25 4
gpt4 key购买 nike

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

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

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

请提供任何解决方案。

编辑

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

此处可见问题:http://jsfiddle.net/hrP6F/

最佳答案

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

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

来源:How can I embed a textarea inside of another textarea in HTML?

或者像已经提到的那样使用 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 - 在 &lt;textarea&gt; 中转义 HTML 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24931421/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com