多个tinyMCE getContent()失败

时间:2017-01-27 12:31:14

标签: javascript jquery tinymce tinymce-4

我在mye页面上有多个tinyMCE4 textareas,我(一下子)初始化如下:

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
    tinymce.init({
        selector: 'textarea',
        /* ... more options ..*/
    });
</script>
<script src="js/myScript.js"></script>

myScript.js中,我想获得每个textareas的内容,如下所示:

<textarea id="editor_1" data-field="1" class="editor"></textarea>
<textarea id="editor_2" data-field="2" class="editor"></textarea>
etc...

我尝试了这个(按下按钮):

$(document).on('click','.saveStandardDoc',function(){
    $('.editor').each(function(i, obj) {
        var $that = $(this);
        console.log(tinyMCE.get($that).getContent());
    });
});

现在它给了我tinyMCE.get is not a function(无论tinymce还是tinyMCE

我哪里错了?

1 个答案:

答案 0 :(得分:0)

get()方法要求传递的参数为String,其中包含已被TinyMCE替换的id的{​​{1}}。

在您的代码中,您将jQuery引用传递给<textarea>方法,但这不起作用。

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#get

一个有效的例子是:

get()

(请注意,您不会在开头传递tinymce.get('myEditor') - 它不会寻找CSS选择器)