如何在textarea中呈现HTML模板？

Question

I have a textarea and a resume/CV sample template on document.

On button event that template's HTML is the value of textarea.

I am doing it as below-

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

});

This is just a simple copy thing is happening in textarea, I am picking up an HTML of template and copying it into textarea.

My question-

How do I render that HTML template in textarea as it is rendered in document. I don't want rendered HTML.

Why won't Textarea render this HTML template when all related css classes are attached within document itself?

Fiddle for this

Answer 1

Textarea elements are intended only for text input or manipulation, they have nothing to do with rendering. If you want to render, make a div: <div class="summernote"></div> . And change your jQuery to: $('.summernote').html(sample);

Answer 2

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

Answer 3

You can use $('.summernote').code(sHTML);

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