使用jQuery将带有html格式的文本附加到textarea

时间:2014-02-22 18:46:38

标签: javascript jquery html css

我如何借助jQuery库将一些文本附加到html textarea,因此,html标签不是文本,而是格式化的html标签(参见div标记的结果,而不是文本)。现在我有这样的js:

...

var currentVal = $('#article_comment_text').val();
$('#article_comment_text').val(currentVal + '<div class="quote-heading">' + comment_author + "  " + comment_date + '</div>' + '<div class="comment-quoted">' + comment_text + '</div>');


...

真的吗?我怎么能这样,附加到textarea的文本被设计为风格,而不仅仅是文本等视图?

2 个答案:

答案 0 :(得分:1)

编辑:

您无法在textarea中呈现HTML,您需要使用contenteditable div:

<div class="textarea" contenteditable="true">This is a test</div>

然后你可以做类似的事情:

$('.textarea').html(function() {
    return '<strong>' + $(this).html() + '</strong>';
});    

<强> Fiddle Demo

答案 1 :(得分:0)

如果我的问题是对的吗? 所以, 无法在<textarea></textarea>内插入HTML,因此未格式化! 您必须复制textarea,其属性为contenteditable;