从 Tinymce 获取 HTML 值答案

【问题标题】：Getting HTML value from Tinymce从 Tinymce 获取 HTML 值
【发布时间】：2020-12-27 17:02:29
【问题描述】：

有没有办法使用 jQuery 从 TinyMCE 编辑器获取 HTML 内容，以便我可以将其复制到另一个 div？

我在内容上尝试了几种方法，例如 val()，但它似乎不起作用...

【问题讨论】：

【解决方案1】：

如果您使用 jquery 适配器进行初始化

 $(selector).tinyMCE().getContent();

【讨论】：

你能帮我解决这个问题吗my-question@Charlietfl

【解决方案2】：

使用 jQuery：

<textarea id="content" name="content">
$('#content').html()

使用 TinyMce API：

$('#content').tinymce().activeEditor.getContent() // overall html
$('#content').tinymce().activeEditor.getContent({format : 'text'}) // overall text
$('#content').tinymce().selection.getContent() // selected html
$('#content').tinymce().selection.getContent({format : 'text'})) // selected text

【讨论】：

【解决方案3】：

如果您使用的是 tinymce，我会使用它的内部方法来获取您需要的内容。当我需要在活动编辑器中获取内容时，我会这样做：

var rawString = tinyMCE.activeEditor.getContent();

我在事件处理函数中调用该方法。

这里是文档：

tinymce api

【讨论】：

【解决方案4】：

使用 TinyMCE 的 API 获取：

alert(tinyMCE.activeEditor.getContent());

【讨论】：

【解决方案5】：

使用text(); 而不是val();。

【讨论】：

【解决方案6】：

我正在尝试 charlietfl 方法：$(selector).tinyMCE().getContent();

出现错误：

[$(selector).tinyMCE().getContent();][1]

activeEditor 的这种方式对我有用：

activeEditor

tinymce.activeEditor.getContent()

Source

这是我的代码：

$(document).ready(function() {

    $(document).on("click", ".btnClassClose", function () {

        var tinyMCEcontent = tinymce.activeEditor.getContent();

        var getAttrIDArray = [];


        $("#" + getelementId).html("");
        $("#" + getelementId).html(tinyMCEcontent);
        $("#" + getelementId).append(buttonEDI);

 
        var PageName = new Object();
        PageName["mdlPageId"] = getelementId;
        getAttrIDArray.push(PageName);

        var PageName = new Object();
        PageName["mdlPageContentHtml"] = tinyMCEcontent;
        getAttrIDArray.push(PageName);


        var PageName = new Object();
        PageName["mdlPageName"] = "Default";
        getAttrIDArray.push(PageName);

        var PageName = new Object();
        PageName["mdlAligen"] = "Central";
        getAttrIDArray.push(PageName);

        var PageName = new Object();
        PageName["mdlOrderNumberHorizontal"] = "1";
        getAttrIDArray.push(PageName);


        alert(JSON.stringify(getAttrIDArray));


        var contentGetAttrIDArray = SecondMainSendAjax("CMS?handler=Content", getAttrIDArray);
      
    });
});

【讨论】：