mind-map icon indicating copy to clipboard operation
mind-map copied to clipboard

富文本插件样式设置bug

Open Dongllisgod opened this issue 9 months ago • 8 comments

使用Formaetext设置样式时,样式可以成功被设置但是会出现一个报错提示,报错信息为找不到formattext这个方法,使用formatAlltext可以成功设置,并不会报错,在使用removeFormat这个方法消除样式时,也会报错找不到这个 方法,但是可以成功清楚样式

Dongllisgod avatar Apr 07 '25 09:04 Dongllisgod

麻烦提供一下代码截图和报错信息截图。

wanglin2 avatar Apr 07 '25 09:04 wanglin2

麻烦提供一下代码截图和报错信息截图。

Image

Image

Dongllisgod avatar Apr 08 '25 01:04 Dongllisgod

麻烦提供一下代码截图和报错信息截图。

Image

Dongllisgod avatar Apr 08 '25 01:04 Dongllisgod

复现不出来。

wanglin2 avatar Apr 08 '25 09:04 wanglin2

当这个富文本悬浮框被点击后,会成功附加上样式,但是报错找不到这个formatText方法,然后会触发富文本文字选择更改这个事件,回传hasRange状态为false这个悬浮框会被关闭

Dongllisgod avatar Apr 09 '25 01:04 Dongllisgod

Image 看看有没有阻止悬浮框的点击事件冒泡

wanglin2 avatar Apr 09 '25 03:04 wanglin2

阻止掉了,点击以后一个富文本组件功能后,当前富文本悬浮框会被置为flase,然后回触发两次节点文本被选中的回调函数,然后他其中的quill的选中文本数会异常,有时候没有index、和length,有时候length长度是对的但是index是-2,我仔细检查了一下发现这两个回调方法都是由simple-mind-map和quill这两个去控制的,我的代码没办法控制选中节点文体的操作

Dongllisgod avatar Apr 10 '25 01:04 Dongllisgod

@wanglin2 @Dongllisgod 找了下quill的iss发现是因为在vue3中响应式的问题。把插件中的quill实例挂到window上或者在富文本类外面声明一个变量,就不会出现这个问题。作者可以看下符文本插件能否兼容下vue3的情况,目前我的做法是把富文本插件拿出来放到自己的项目里改了下就没问题了。

BlackEyeBear avatar Nov 08 '25 03:11 BlackEyeBear