如何在textarea中呈现HTML模板？

Question

我在文档上有一个textarea和一个简历/ CV示例模板。

在按钮事件上，模板的HTML是textarea的值。

我这样做如下 -

$(function(){
    $('#select-sample').click(function(){
    var sample=$('.ok').html();
        $('.summernote').val(sample);
    });

});

这只是一个简单的复制事情发生在textarea，我正在拿起一个模板的HTML并将其复制到textarea。

我的问题-

如何在textarea中呈现该HTML模板，因为它在文档中呈现。 我不想渲染HTML。

当所有相关的css类都附加在文档本身中时，为什么Textarea不会呈现此HTML模板？

小提琴这个

Answer 1

Textarea元素仅用于文本输入或操作，它们与渲染无关。 如果你想渲染，请创建一个div： <div class="summernote"></div> 。 并将您的jQuery更改为： $('.summernote').html(sample);

Answer 2

这是因为textarea元素只显示文本，如果你想使用标记你将需要使用javascript和contenteditable属性或包含一个wysiwyg编辑器脚本，其中许多可以很容易找到，虽然其中一个最知名编辑将是tinyMCE 。

Answer 3

你可以使用$('.summernote').code(sHTML);