如何在文本区域中呈现HTML模板？

Question

我有一个文本区域和一份简历/ CV样板在文档中。

当按钮事件发生时，该样板的HTML值是文本区域的值。

我是以下方式实现的-

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

});

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

我的问题是-如何在 textarea 中呈现与文档中呈现一样的HTML模板。我不想要已呈现的HTML。

为什么Textarea不会呈现这个HTML模板，即使所有相关的CSS类都附加在文档本身中？

这里是相关的 jsfiddle 链接：Fiddle for this

- Manoz

---

尝试这个：$('.summernote').text(sample) 或 html(sample)。 - user1956570

可能是在textarea中呈现HTML的重复问题。 - sirdank

有没有可能获取textarea内的带有HTML的文本？因为每次我尝试将其值放入<div>中时，标签不显示任何内容。它仍然显示标签吗？ - Taha Paracha

Answer 1

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

- Sri--

Answer 2

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

- Entoarox

---

在实际场景中，我正在使用summernote文本编辑器来完成这项工作。但是这个编辑器似乎无法接受其中的值。 - Manoz

@Manoz 那么你应该提到你正在使用一个编辑器，并且你应该研究编辑器自己的API，以了解如何输入内容。 - Entoarox

Answer 3

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

。

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

- Luntegg