Tinymce 获取内容答案

【问题标题】：Tinymce get contentTinymce 获取内容
【发布时间】：2015-07-17 11:57:34
【问题描述】：

我尝试获取tinymce的内容，像这样：

 var hallo = tinyMCE.activeEditor.getContent();
            alert(hallo);

但每次我收到此消息时：

Uncaught TypeError: Cannot read property 'getContent' of null

我正在使用 tinymce 4。

谢谢

【问题讨论】：

您是否用class 分配了textarea 并用editor_selector 声明它？
感谢您的回答。什么意思？
我刚刚为你设置了这个。检查链接以了解我的意思。 ---> fiddle.tinymce.com/WSeaab/1
它帮助并解决了您的问题吗？
这个是的。但我在另一篇文章中禁用/启用按钮

标签： javascript jquery tinymce

【解决方案1】：

可以通过以下方式调用triggerSave方法获取tinyMCE内容

tinyMCE.triggerSave();

声明此方法后，您可以通过选择器获取内容，例如：-

var contents = $("#myTextArea").val();

或

var contents = tinyMCE.get('myTextArea').getContent();

【讨论】：

??这是什么？？我已经将 answare 标记为解决方案。我在 2015 年 7 月做到了！现在是2016年？？真的
这对我来说不起作用，如果您清楚地看到解决方案它与接受的解决方案不同。我在一个网站上做它并分享给其他人的帮助如果有人从它那里得到帮助，我会很高兴。
?? “它对我不起作用”？？你的意思是在你的网站上？？你是说你的网站？？
是的，我指的是我正在工作的网站，我需要从中获取内容。希望你现在明白了。
triggerSave 没有保存，var contents = tinyMCE.get('myTextArea').getContent(); 为空，不适用于 tinymce 4。

【解决方案2】：

Cannot read property 'getContent' of null 通常意味着 TinyMCE 无法找到您的文本框，这意味着对 textarea 的 class 的引用有问题。

<form method="post" action="somepage">
    <textarea id="myTextArea" class="mceEditor">I should buy a boat. </textarea>
</form>

<button onclick="content()">Get content</button>

注意mceEditor 类，我们现在将通知TinyMCE 编辑器：

<script type="text/javascript">

    tinyMCE.init({
        mode : "specific_textareas",
        editor_selector : "mceEditor"   //<<<---- 
    });

</script>

现在只需单击按钮即可获取该文本框的内容。

function content() {
    alert(tinyMCE.get('myTextArea').getContent());
}

这里工作DEMO

【讨论】：