[英]tinymce editor getContent null in Wordpress
我正在尝试在WordPress管理区域中使用Tinymce编辑器的getContent功能,但无济于事。
这是我想做的工作笔
https://codepen.io/anon/pen/oWxjyM?editors=1111
的HTML
<textarea class="wp-editor-area" rows="20" autocomplete="off" cols="40" name="wprss_ftp_post_prepend" id="wprsspostprepend"><p>To give is good</p></textarea>
JS
jQuery(document).ready(function() {
$("#wprsspostprepend").addClass("prepend_editor");
var name = "wprsspostprepend";
if($("#" + name).length > 0) {
tinyMCE.init({
mode : "specific_textareas",
editor_selector : "prepend_editor"
});
var content = tinyMCE.activeEditor.getContent();
alert(content);
tinyMCE.activeEditor.setContent("<div id='random-wrap'>" + content + "</div>");
}
});
如果在Codepen中可以正常工作,为什么在Wordpress中会出现空引用错误。
这里的问题可能是init()
方法是异步的。 您似乎在调用init()
之后立即尝试使用tinymce
对象(例如tinymce.activeEditor
),但是初始化过程可能尚未完成,因此页面上没有“活动”编辑器。
如果要“尽快”与编辑器进行交互,可以在TinyMCE init()
调用中使用onInit触发器。 例如:
tinymce.init({
selector: '#myTextArea",
setup: function (editor) {
editor.on('init', function () {
this.setContent('<p>Add content via on init!</p>');
});
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.