wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

设置 maxLength 后,一次性粘贴超过限制的文本,会触发 onMaxLength,但是文本还是会被粘贴进去

Open ManiaJack opened this issue 1 year ago • 1 comments

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 的文本
  • 步骤三 在编辑器内粘贴

ManiaJack avatar Jul 05 '23 09:07 ManiaJack

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 }, } 通过粘贴事件,获取文本内容,手动将文本在插入编辑内

thisoo avatar Apr 01 '24 09:04 thisoo