TinyMCE 5.0 JQUERY 保存来自多个编辑器的编辑器内容

Question

我有个问题。我有一个显示多个 tinyMCE 编辑器的表单。<textarea class="editor" name="my_editabletext[234]"></textarea><textarea class="editor" name="my_editabletext[110]"></textarea><textarea class="editor" name="my_editabletext[544]"></textarea><textarea class="editor" name="my_editabletext[128]"></textarea>现在这些数字 {234, 110, 544, 128} 指的是它们对应的数据库 ID。对于一般形式，我倾向于使用：    'data': $("#text_form").serialize(),但这对 TinyMCE 不起作用。现在我知道有一种方法可以获取 TinyMCE 内容。但我不知道如何获取与 ID 有点对应的内容。这甚至可能吗？我想要类似的东西：$array = array(                    'my_editabletext'   =>  array(                                                    234     =>      'Hi',                                                    110     =>      'how',                                                    554     =>      'are',                                                    128     =>      'you?'                                                )            );不是为了 100% 我所追求的，因为我想要填写身份证，但没关系。正如BCM所建议但现在我有：var allTextArea = document.getElementsByClassName("tinymce_editor");var i;var storedcontent = [];for (i = 0; i < allTextArea.length; i++) {    content = tinyMCE.get(allTextArea[i].id).getContent();    console.log(allTextArea[i].id);    storedcontent[allTextArea[i].id] = content;}

Answer 1

如果你想获得微小的 mce 内容，你可以使用：

//Get content of a specific editor

var content = tinyMCE.get('content id').getContent();

如果你知道这一点，你可以试试：

var allTextArea = document.getElementsByClassName("editor");

var i;

var arr = [];

for (i = 0; i < allTextArea.length; i++) {   

  content = tinyMCE.get(allTextArea[i].id).getContent();

  arr.push(content);

}

console.log(arr);

现在您在 java 脚本数组中拥有了所有 tinyMce 内容。