Question

我有以下HTML：

<div data-edit="myeditor1">
    Test 1234
</div>
<div>
    NotEditable
</div>
<div data-edit="myeditor2">
    Test 1234
</div>

然后用以下JS实例化TinyMCE：

tinymce.init({
    selector:'*[data-edit]',
    inline: true
});

编辑器显示良好，

如何获取每个编辑者的值和“数据编辑”属性值？

我尝试使用以下方法遍历编辑器：

for (inst in tinyMCE.editors) {
    var c = tinyMCE.editors[inst].getContent;
    console.log(c);
}

但是那没做到，

也尝试过

$("*[data-edit]").each(function() {
    var this_att = $(this).data("edit");
    var thishtml = tinymce.get(this_att).getContent();
});

那行不通，

如何遍历所有编辑器，获取“数据编辑”属性及其相关的编辑器值？

请帮助我解决这个问题。

Answer 1

没有设法使代码缩进注释中，因此我将给出一个完整的答案，虽然它不是很漂亮，但是最后它获得了data-edit属性。

for (inst in tinyMCE.editors) {
  let c = tinyMCE.editors[inst].getContent();
  let edit = $(tinyMCE.editors[inst].targetElm).data('edit')
  console.log(edit + '=' + c);
}

TinyMCE遍历所有编辑器，获取属性及其相关的编辑器值

1 个答案: