search

wangeditor-team / wangEditor

wangEditor —— 开源 Web 富文本编辑器
http://www.wangeditor.com/
MIT License
17.37k stars 3.31k forks source link

同时存在粗体文本和细体文本，并选中粗体细体交界处的文本输入，会导致展示的内容和获取的getHtml不一致。 #5856

Open penglipengli opened 3 months ago

penglipengli commented 3 months ago

bug 描述

1.初始状态：输入内容前半部分为加粗，后半部分为不加粗 image

2.选中加粗和不加粗交界处的不加粗文本，进行加粗操作，然后鼠标失焦 image

3.再次选中步骤2的文本，取消加粗，并在选中状态试图将该文本改为其他文字“改”。

image 此时会出现2个改，前一个加粗，后一个不加粗，但调用getHtml方法获取的内容和展示的内容不一致： image

你预期的样子是？

选中输入不会重复出现两个“改”字，和getHtml获取的内容一致

系统和浏览器及版本号

wangEditor 版本

5.1.23

demo 能否复现该 bug ？

能 image

在线 demo

最小成本的复现步骤

步骤见上述描述

cycleccc commented 3 months ago

会不会是浏览器版本或输入法问题，我按照你的流程来没复现

penglipengli commented 3 months ago

会不会是浏览器版本或输入法问题，我按照你的流程来没复现

你的浏览器版本是什么。我是chrome 113.0.5672.127

cycleccc commented 3 months ago

会不会是浏览器版本或输入法问题，我按照你的流程来没复现

你的浏览器版本是什么。我是chrome 113.0.5672.127

最新版 chrome 125.0.6422.61，复现不了

cycleccc commented 3 months ago

https://github.com/wangeditor-team/wangEditor/issues/5866 他也是低版本 chrome 或 ie 会出现问题，我记录一下，有空看看

penglipengli commented 3 months ago

5866 他也是低版本 chrome 或 ie 会出现问题，我记录一下，有空看看

我试了 125.0.6422.142版本浏览器，也会复现。核心是左边加粗和右边不加粗的临界一个单词先加粗，再失焦，再选中被加粗的取消加粗后不失焦的情况下输入其他文本

cycleccc commented 3 months ago

好奇怪，我用的微信输入法没法复现 。

  1. 把微软自带的输入法下载回来
  2. 再重启以后

用微信输入法和原生输入法就都可以复现了。

penglipengli commented 3 months ago

好奇怪，我用的微信输入法没法复现 。

  1. 把微软自带的输入法下载回来
  2. 再重启以后

用微信输入法和原生输入法就都可以复现了。

搜狗输入法也可以。神奇

cycleccc commented 1 month ago

我在 wangeditor-next 修复了这个 bug ，你可以在 沙盒demo 中试验是否已经修复，有需要的话可以切换包名和版本，没有用法上的改变。

cycleccc commented 1 month ago

如果对你有帮助的话，希望能给 wangeditor-next 点一个 star，这对我继续维护 wangEditor 来说很重要😆