我正在创建一个单页面应用程序,它通过与用户事件相对应的ajax加载所有内容。问题是,我有两个不同的textareas通过ajax加载,并由tinyMCE初始化,当另一个初始化时,两者都不可编辑。它们都被完美绘制,所有菜单选项都是可点击的,但只有初始化时才能编辑它们。我使用的是最新版本的tinymce(版本4.1.7)
在ajax调用之前加载tinymce.min.js文件。
我正在使用以下脚本来初始化tinyMCE
tinymce.init({
selector: "#id"
});
带脚本的文件通过ajax加载
$.ajax({
async: false,
url: uyrlToJS,
cache:true,
dataType: "script"
});
我尝试删除旧的并添加新实例
tinymce.EditorManager.execCommand('mceRemoveEditor',true, "id2");
tinymce.EditorManager.execCommand('mceAddEditor',true, "id1");
textarea采用自助模式。所以我也试过这个功能
$(document).on('focusin', function(event) {
if ($(event.target).closest(".mce-window").length) {
e.stopImmediatePropagation();
}
});
他们都没有解决我的问题,请帮我解决这个问题。