TinyMCE -从tinymce获得真正的html

Question

我试着做些简单的事情：

将HTML从TinyMCE编辑器复制到textarea (以编程方式).

如何复制：

        tinymce_apply_function(function(editor){
            $(editor.getElement()).html(editor.getContent());
        });

描述:这里我将HTML从TinyMCE复制到<textarea>。我需要它，因为它之后，$('form').serializeArray();将执行，从表单到所有字段都将保存到数据库中。

关于tinymce_apply_function()：

/**
 * applies function for all editors
 * @param par_callback
 */
function tinymce_apply_function(par_callback) {
    if (common.tinymce) {
        for (var i = 0; i < tinyMCE.editors.length; i++) {
            par_callback(tinyMCE.editors[i]);
        }
    }
}

描述:只需为所有TinyMCE编辑器应用一些功能(页面可能有多个TinyMCE编辑器)

最后，我做到了：

1. 从数据库加载保存的HTML
2. 将代码放入<textarea>
3. 将代码从<textarea>放到TinyMCE $.each(数据，函数(I，字段)){ var tmp_el = $('name=‘+ field.name + '')；if (tmp_el.length) { if (tmp_el.prop("tagName") == 'TEXTAREA') { tmp_el.html(field.value)；如果( tinyMCE.get(tmp_el.attr('id')).setContent(tmp_el.html())；&common.tinymce& typeof(tmp_el.attr('id')) !== 'undefined‘&typeof(tinyMCE.get(tmp_el.attr(’id‘) !== 'undefined') {tmp_el.attr} // ./其他代码不重要

我的问题：

当我从TinyMCE获得HTML时，下面的代码如下所示：

<p>&lt;p&gt;&lt;strong&gt;_..-~*"````"*~-._ &lt; { (: BOLD :) } &gt;&lt;/strong&gt; &lt;br&gt;&lt;/p&gt;&lt;p&gt;&nbsp;_____&lt;br&gt;[_____]&lt;br data-mce-bogus="1"&gt;&lt;/p&gt;</p>

也就是说，HTML已经被编码(为什么？)正因为如此，当我把这个“代码”放回TinyMCE时，它看起来像‘纯文本’：

​

​

我做错什么了？

附注：对不起，英语不好，我还在学。

Answer 1

我找到了解决办法。(是的，我知道该方法存在一些(例如:XSS)安全问题，所以，如果您知道解决方案，还有什么比我的--请在这里发布更好的:)

tinyMCE.get(tmp_el.attr('id')).setContent($('<div/>').html(tmp_el.html()).text());

也就是说我用了

$('<div/>').html(tmp_el.html()).text()

相反，

tmp_el.html()

(p.s.tmp_el - textarea)