wangEditor
wangEditor copied to clipboard
设置 maxLength 后,一次性粘贴超过限制的文本,会触发 onMaxLength,但是文本还是会被粘贴进去
bug 描述
设置 maxLength 后,一次性粘贴超过限制的文本,会触发 onMaxLength,但是文本还是会被粘贴进去
你预期的样子是?
与被粘贴的文本字数较少时表现一致。当前为文本不被粘贴
系统和浏览器及版本号
- 操作系统 Windows11 22621.1848
- 浏览器和版本 Chrome 114.0.5735.199
wangEditor 版本
5.1.23
demo 能否复现该 bug ?
能
- 中文 demo https://www.wangeditor.com/demo/
- English demo https://www.wangeditor.com/demo/?lang=en
在线 demo
请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug
可以直接在官方 demo 复现
最小成本的复现步骤
(请告诉我们,如何最快的复现该 bug)
- 步骤一 设置 maxLength
- 步骤二 在外部复制超过 maxLength 长度的文本,例如 maxLength 为 30,复制长度为 40 的文本
- 步骤三 在编辑器内粘贴
const editorConfig: Partial<IEditorConfig> = { placeholder: '请输入公告内容(500字以内)', maxLength: 500, customPaste: (editor: IDomEditor, event: ClipboardEvent): boolean => { const text = event.clipboardData.getData('text/plain') editor.insertText(text) event.preventDefault() return false }, } 通过粘贴事件,获取文本内容,手动将文本在插入编辑内