TinyMCE 循环遍历所有编辑器,得到一个 属性 及其相关的编辑器值
TinyMCE looping through all editors, get a property and its related editor value
我有以下 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
});
编辑们的表现不错,
如何获取每个编辑器的值和"data-edit"属性值?
我尝试循环编辑器:
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();
});
那没用,
如何遍历所有编辑器,获取 "data-edit" 属性 及其相关的编辑器值?
请帮我解决这个问题。
没能在评论中做出 code-indent 所以我会做一个完整的答案,它不是很漂亮但最后它得到了你的 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);
}
我有以下 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
});
编辑们的表现不错,
如何获取每个编辑器的值和"data-edit"属性值?
我尝试循环编辑器:
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();
});
那没用,
如何遍历所有编辑器,获取 "data-edit" 属性 及其相关的编辑器值?
请帮我解决这个问题。
没能在评论中做出 code-indent 所以我会做一个完整的答案,它不是很漂亮但最后它得到了你的 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);
}