如何在 DIv AS HTML 内容而不是文本中显示文本区域的 HTML 内容

How can I display the HTML content of a Text Area within a DIv AS HTML content and not text?

本文关键字：文本 HTML 显示 内容 区域 DIv AS      更新时间：2023-09-26

我有以下标记：

<input id="displayBuffer" type="hidden">
<textarea id="about" rows="2" name="about" cols="20" aria-hidden="true"><p>test</p></textarea>
<input type="button" onclick="javascript:
$('#displayBuffer').val($('#about').html());
$('#displayAbout').html(unescape($('#displayBuffer').val()));"
 name="Preview" value="Preview">

单击"预览"按钮时，div 会填充"关于"文本区域的内容，但它没有被编码为 HTML，但当我希望它以我在 CSS 中p的任何样式显示test时，它会显示<p>test</p>。

我做错了什么？

像下面这样的东西应该可以做到

$('your-container').html($('#about').val());

演示

希望这有帮助

使用 .html（） 将内容作为 html 放置。

$('#show').click(function() {
    $('#Preview').html($('#about').val());
});​

http://jsfiddle.net/LCwgc/1/

<textarea id="about" rows="2" name="about" cols="20" aria-hidden="true"><p>test</p></textarea>
<div id='displayAbout'>ale</div>
<input type="button" id='preview' name="Preview" value="Preview">​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

缓冲区是无用的：

$("#preview").click(function() {$('#displayAbout').html($('#about').val());});

根据 HTML 语法，textarea 元素不得包含标记，只能包含文本。您需要一种不同的方法，可能是具有contenteditable属性的元素（例如，div）。

相关文章：