wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

在button上绑定的方法中可以获取到选区内容,但是在div或者i标签上绑定相同的方法,无法获取到选区内容

Open nickGaooooooooooo opened this issue 2 years ago • 2 comments

bug 描述

在封装编辑器的组件中,增加了一个div,在该div上绑定一个事件,方法内调用editor.getSelectionText(),无法获取选中的内容,但是将div换成button,在button中绑定相同事件,就可以获取到选中内容

你预期的样子是?

在所有标签中绑定事件,都可以获取到选区内容

系统和浏览器及版本号

  • 操作系统windows
  • 浏览器和版本 Microsoft Edge 版本 114.0.1823.43 (正式版本) (64 位)

wangEditor 版本

5

demo 能否复现该 bug ?

不能

  • 中文 demo https://www.wangeditor.com/demo/
  • English demo https://www.wangeditor.com/demo/?lang=en

在线 demo

请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug

  • https://codesandbox.io/
  • https://codepen.io/
  • https://stackblitz.com/

最小成本的复现步骤

(请告诉我们,如何最快的复现该 bug)

  • 步骤一:在vue项目中新建一个组件,引入wangEditor5
  • 步骤二: 在组件中任意位置添加一个div,如“<div @click="bugg">测试奇怪bug”,在methods中新增事件“bugg() { console.log(this.editor.getSelectionText()) },”
  • 步骤三:选中编辑器中一段内容,点击"测试奇怪bug"的div,查看控制台输出,输出为空。但是将div改为button,则可以显示选中内容

nickGaooooooooooo avatar Jun 20 '23 07:06 nickGaooooooooooo

我也出现此问题,请问解决了吗

congbiqi avatar Apr 10 '24 06:04 congbiqi

@congbiqi @nickGaooooooooooo 有试过给 div 加上 @mousedown.prevent 阻止浏览器默认的选择行为吗?

cycleccc avatar Apr 10 '24 16:04 cycleccc