如何在TinyMCE编辑器中移除字数统计功能?
TinyMCE 移除字数统计功能配置方法
你需要移除的是编辑器底部状态栏右侧的字数统计模块,对应展示位置如下:
可以根据你的实际需求选择以下任意一种方案操作:
方案1:移除wordcount插件(最推荐)
字数统计功能完全依赖wordcount官方插件,只要在初始化配置中不加载该插件,界面就不会生成字数统计模块,同时不会加载冗余的插件代码。
配置示例:
tinymce.init({ // 替换为你实际的编辑器挂载元素选择器 selector: 'textarea', // 原有plugins配置中删除`wordcount`项即可,其他插件保持不变 plugins: 'advlist autolink lists link image charmap print preview anchor', // 其余原有配置无需修改 })
方案2:保留wordcount插件但隐藏界面展示
如果你需要调用wordcount插件的API做自定义字数校验、统计等逻辑,只是不想在界面显示字数统计,可以选择以下两种操作:
- 不需要状态栏其他功能(元素路径、缩放按钮等)的场景,直接禁用整个状态栏:
tinymce.init({ selector: 'textarea', // 保留wordcount插件 plugins: 'advlist autolink wordcount', // 禁用整个状态栏 statusbar: false, // 其余原有配置无需修改 })
- 需要保留状态栏其他功能的场景,添加自定义CSS隐藏字数统计项即可:
/* TinyMCE 5/6 版本适用 */ .tox-statusbar__wordcount { display: none !important; } /* TinyMCE 4 版本适用 */ .mce-wordcount { display: none !important; }
内容的提问来源于stack exchange,提问作者twinpig
相关产品推荐
相关产品推荐

