jquery - TinyMCE 显示 html 标签

Question

我在 SO 以及其他网站上看到了有关此主题的其他问题，但我无法找到解决方案。我正在使用 TinyMCE 允许用户输入格式化文本。有一个“保存”按钮，它使用 JQuery 进行 Ajax 调用，并将文本区域内容上传到服务器，并以 html 形式存储在数据库中。

稍后，当用户返回页面时，我想显示他们之前输入的格式化文本。因此，当页面加载时，html 存储在 DataTable 的隐藏列中。 TinyMCE 文本区域在页面加载时并不存在，它是在用户单击按钮时使用 JQuery 动态构造的。 JQuery 脚本将隐藏表格单元格中的 html 复制到文本区域中，然后我再次使用 JQuery 插件调用 TinyMCE，将文本区域转换为 TinyMCE 编辑器。

问题是TinyMCE编辑器显示保存的html，包括html标签。例如:

<p>Saved text</p>

我不希望它显示 html 标签，我希望它相应地设置文本格式。我该如何解决？感谢任何和所有的帮助。

我的 JavaScript 代码的缩写版本:

$('img').live('click', function() {

    // Copy the html into the textarea.
    $(this).closest('tr').next().find('textarea').val(gData[id].comments);

    // Convert the textarea into an editor.
    $(this).closest('tr').next().find('textarea').tinymce({

        // Location of TinyMCE script
        script_url : 'js/tiny_mce/tiny_mce.js',

        theme : "simple"
    });
}

Answer 1

您正在客户端显示标记的编码版本。

因此，tinyMCE 将它们视为编码并按原样显示。

例如:

它看到:

===>

或

已保存的文本 ===>

已保存的文本