如何在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模板？

Fiddle for this

Answer 1

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

Answer 2

这是因为textarea元素只显示文本，如果您希望使用标记，则需要使用javascript和contenteditable属性或包含wysiwyg编辑器脚本，其中许多都很容易找到，尽管最着名的编辑之一是tinyMCE。

Answer 3

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

http://hackerwins.github.io/summernote/features.html#api-code