基本上,我已经在 textarea 上加载了 tinyMCE。我的动机是:
单击按钮时,编辑器应由通过ajax调用存储在数据库中的描述填充。
它在 Chrome 中正常工作。
但是当我在 Firefox 中运行脚本时,它第一次运行良好。但是再次按下按钮时,描述会闪烁一秒钟然后消失。该代码在刷新页面时工作正常。
可能是什么问题?任何帮助都会有所帮助。
有几种可能性。
一种可能是您需要在第二次重新初始化之前关闭 tinymce 编辑器实例。
要关闭编辑器实例,请使用:
tinymce.execCommand('mceRemoveControl',true,'editor_id');
重新初始化使用
tinymce.execCommand('mceAddControl',true,'editor_id');
tinymce.init({
mode : "exact",
selector: 'your_textarea_selector',
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar_items_size: 'small',
image_advtab: true,
init_instance_callback : function(editor) {
var currentEditor = editor.editorContainer;
$(currentEditor).show();
}
});
if (tinymce.editors.length>0) {
tinymce.execCommand('mceFocus', true, txt_area_id);
tinymce.execCommand('mceRemoveEditor',true, txt_area_id);
tinymce.execCommand('mceAddEditor',true, txt_area_id);
}
即使有 ajax 请求,这对我来说也很好。我在我的 JSP 中使用 Tinymce 4.x。
这件事对我有用:
您需要从包含编辑器的页面调用 tinyMCE 脚本。
我正在使用 MVC4 Razor 框架。通过在我的页面上注入此代码帮助了我:
<script src="@Url.Content("~/scripts/tinymce/tinymce.min.js")" type="text/javascript"></script>