Tinymce 编辑器中字数统计问题,统计所有字符(包括数字,字母。。。)

问题:测试人员发现 在使用 tinymce 编辑器中字数统计不准确问题,只统计了中文字的字数,数字和字母被忽略了。。。。
具体通过复现发现,的确有这个问题,但是我们通过切换右下角发现是可以切换统计所有的
在这里插入图片描述通过查阅官方文档解释了解到:
在统计栏 字词数 这一栏中,每一个中文被认为是一个字,统计+1;每一个单词被认为是一个词,不管其由几个字母组成,统计+1;数字及符号:不统计(有个别例外,如货币符号)
简单来说这里默认初始化统计的是字词,但当我们点击右下角的的时候发现,这里是可以切换查看的,通过切换可以展示统计的全部的字数。一开始以为是不是有其他的漏掉了什么方法,所以看了很久的文档,后来发现没有,只能另辟蹊径了,然后这里想是否通过默认进来调用这个点击事件来处理
最终解决方法:
初始化操作时,通过点击事件将其以显示字符形式的展示

// 使用就能实现默认进来字数统计的是所有字符
this.init.init_instance_callback= function (editor) {
   $(editor.getContainer()).find('button.tox-statusbar__wordcount').click()
}
  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
### 回答1: 您好!如果您想修改 TinyMCE 编辑器的字体大小,可以按照以下步骤操作: 1. 打开 TinyMCE 编辑器,进入编辑模式。 2. 点击工具栏的“格式”按钮,选择“字体大小”。 3. 在弹出的下拉菜单选择您想要的字体大小,或者直接在输入框输入想要的值。 4. 如果您希望默认使用特定的字体大小,可以在 TinyMCE 的配置文件进行修改。在配置文件,您可以设置默认字体大小、可用的字体大小选项等参。 需要注意的是,修改 TinyMCE 编辑器的字体大小可能会影响到整个网站或应用程序的字体大小。因此,在修改之前,最好先备份相关文件,以便在需要时可以恢复到原始状态。 ### 回答2: 要更改当前页面所有编辑器的字体大小,可以使用tinymce提供的API来实现。首先,需要获取所有的编辑器实例,然后逐个设置字体大小。 步骤如下: 1. 使用tinymce提供的方法`tinymce.activeEditor`来获取当前页面上所有的编辑器实例。 2. 使用`tinymce.activeEditor.getAll()`方法获取所有编辑器的实例列表。 3. 使用`forEach()`方法遍历编辑器列表,并使用`tinymce.activeEditor.execCommand('fontSize', false, '新的字体大小')`方法来更改字体大小。 4. 在`execCommand`方法,第一个参为`fontSize`,表示更改字体大小的操作;第二个参为`false`,表示不显示对话框;第三个参为'新的字体大小',即要设置的字体大小。 下面是示例代码: ```javascript // 获取所有编辑器实例 var editors = tinymce.activeEditor.getAll(); // 遍历编辑器列表并设置字体大小 editors.forEach(function(editor){ editor.execCommand('fontSize', false, '16px'); }); ``` 以上代码将会将所有编辑器的字体大小更改为16px。可以根据需求修改`16px`为其他想要的字体大小值。 注意:这段代码需要在页面上加载tinymce编辑器后才能生效。例如,可以在页面的`<head>`标签引入tinymce库,并在文档加载完成后执行以上代码。 ### 回答3: 要更改当前页面所有编辑器的字体大小,可以按照以下步骤进行操作。 1. 首先,需要获取页面上所有的编辑器实例。可以使用tinymce的`tinymce.editors`方法来获取当前页面上的所有编辑器对象,该方法会返回一个包含所有编辑器的对象组。 2. 接下来,可以遍历编辑器对象组,依次对每个编辑器进行字体大小的设置。可以使用编辑器对象的`getBody`方法获取编辑器的内容区域,再使用`setStyle`方法设置字体大小。 3. 最后,需要将编辑器的内容区域进行更新,以使字体大小设置生效。可以使用编辑器对象的`setContent`方法,将修改后的内容重新应用到编辑器。 下面是一个示例代码,用于更改当前页面所有编辑器的字体大小为16px: ```javascript // 获取当前页面上的所有编辑器对象 var editors = tinymce.editors; // 遍历编辑器对象组 for (var i = 0; i < editors.length; i++) { var editor = editors[i]; // 获取编辑器的内容区域 var body = editor.getBody(); // 设置字体大小为16px editor.dom.setStyle(body, 'font-size', '16px'); // 更新编辑器的内容区域 editor.setContent(editor.getContent()); } ``` 通过以上步骤,即可实现更改当前页面所有编辑器的字体大小的效果。请注意,这只会修改当前页面上存在的编辑器的字体大小,并不会影响其他页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值