javascript - TinyMCE 设置内容问题
问题描述
我正在尝试设置 TinyMCE 编辑器的内容,但运气不佳。我已经尝试过预先设置 HTML 和初始化编辑器,并在初始化编辑器后设置内容但无济于事 - 我能够在这个小提琴中重现那个(我无法重现设置内容,因为它使用数据库中的变量 HTML 来设置它)。
我想要做的几乎就是用我自己的代码:
Editor.innerHTML += '<label>Description</label><br><div id="AC-Description">' + data.Data.Description + '</div><br><br>'; // Editor is just a div & data is a json object return from an ajax call
tinymce.init({
selector: '#AC-Description'
});
tinymce.activeEditor.setContent(data.Data.Description); // does not work, same as in example fiddle.
tinymce.get('AC-Description').setContent(data.Data.Description); // does not work either, same as in example fiddle
在初始化编辑器之前,data.Data.Description 会在 DIV 中显示文本,然后 TinyMCE 在初始化时会忽略它。
我只是迷路了,特别是因为它也不适用于 JSFiddle。之前还有其他人对此有疑问和/或我只是错过了什么吗?
解决方案
尝试在编辑器初始化后通过监听init事件来设置内容,例如:
tinymce.init({
selector: '#Editor'
});
tinymce.get('Editor').on('init', function(e){
e.target.setContent('test');
});