tinymce富文本编辑器 论自动记数不准确的问题

刚开始用这个富文本,输入了一串字符,然后统计字数为1,以为是字数不准确

然后增加了change,keyup事件,count打印正确
但是页面上闪烁一下,就被覆盖了
之后就一直查找原因

  setup(editor) {
          editor.ui.registry.addButton('attach', {
            // text:工具栏的显示的内容
            text: '<i class="el-icon-paperclip" style="font-size:22px"></i>',
            onAction: () => {
              that.inputChange = true
              that.attachVisible = true
            }
          })
          editor.on('change keyup', () => {
            const count = editor.getContent({ format: 'text' }).length
            document.getElementById(that.tinymceId).innerText = `${count} 字`
            console.log('count',count)
          })
        },

后来发现使用了自动记数的插件


wordcount  这个插件就是记数的插件,以为是插件记数不准
经过一系列的排查,最后才发现,是操作的问题
右下角状态栏可点击切换"字词数/总字符数"显示2

右下脚可以切换
默认统计的是字词数

  • wordcount插件默认采用"字词模式":
    • 中文单字计1
    • 英文单词(无论多长)计1
    • 数字/符号不统计28
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值