如何在 textarea 中呈现 HTML 模板？答案

【问题标题】：How to render HTML template in textarea?如何在 textarea 中呈现 HTML 模板？
【发布时间】：2014-01-07 17:44:56
【问题描述】：

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

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

我正在做如下-

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

});

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

我的问题-

如何在 textarea 中呈现 HTML 模板，因为它在 document.xml 中呈现。我不想渲染 HTML。

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：