wangEditor
wangEditor copied to clipboard
在button上绑定的方法中可以获取到选区内容,但是在div或者i标签上绑定相同的方法,无法获取到选区内容
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,则可以显示选中内容
我也出现此问题,请问解决了吗
@congbiqi @nickGaooooooooooo 有试过给 div 加上 @mousedown.prevent 阻止浏览器默认的选择行为吗?