tinymce获取内容

Question

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

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

但每次我收到这条消息时：

Uncaught TypeError: Cannot read property 'getContent' of null

我正在使用 tinymce 4.

谢谢

Answer 1

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 class，我们现在将通知 TinyMCE 编辑：

<script type="text/javascript">

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

</script>

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

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

这里正在工作DEMO

Answer 2

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

tinyMCE.triggerSave();

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

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

或

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

tinymce获取内容

Tinymce get content

javascript

jquery

tinymce