如何禁用TinyMCE编辑器点击空白行时弹出的工具栏弹窗
问题说明
需要禁用点击TinyMCE编辑器空白行时触发的弹窗,弹窗样式如下:
查阅官方文档未找到对应配置说明,当前编辑器初始化代码如下:
tinymce.init({ force_br_newlines : true, selector:'#'+id, content_style: 'div { margin: 10px; border: 5px solid red; padding: 3px; }', plugins: ['autolink','autoresize','codesample','link','lists', 'advlist','media','table','image','quickbars','codesample', 'print','textpattern','emoticons','help','directionality', 'hr', 'quickbars', 'searchreplace', 'wordcount','quickbars', 'code'], toolbar: ' undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | aling | numlist bullist | image link print | hr | searchreplace wordcount | code' });
解决方法
该弹窗是quickbars插件自带的空行插入快捷工具栏,按需选择以下任意一种方式处理即可:
- 不需要快速工具栏功能:直接删除plugins配置项中所有重复的
quickbars值,移除插件后不会再弹出该窗口。 - 需要保留选中文本时的快速工具栏,仅关闭空行弹窗:在初始化配置中新增
quickbars_insert_toolbar: false参数即可,原有选中文本弹出的快捷工具栏不受影响。
额外提示:当前配置中
quickbars、codesample两个插件被重复引入多次,重复声明不会产生额外效果,建议清理重复项减少资源加载开销。
内容的提问来源于stack exchange,提问作者Michu
相关产品推荐
相关产品推荐

