HarmonyOS鸿蒙Next中RichEditor设置带样式的文字TextSpan后，接下来键盘输入的文字都跟随该样式，怎么解决

HarmonyOS鸿蒙Next中RichEditor设置带样式的文字TextSpan后，接下来键盘输入的文字都跟随该样式，怎么解决 我用的richeditor富文本，输入的时候字体是黑色的，在另一个页面我用控制器添加的双＃号的绿色字体，添加之后再用键盘输入文本也是绿色的了。想要的效果是只要是键盘输入的都是黑色的字体，请问这该如何解决呢？

3 回复

复制一段带样式的文本到RichEditor中，之后键盘输入，字体样式会默认跟随最后TextSpan的样式

如果想调整为预期的样式，需要主动再插入一个span，带上预期样式：

this.controller.addTextSpan(`#${topicItem.content}#`), {
  style:
    {fontColor:Color.Green}
}
this.controller.addTextSpan(' '), {
  style:
    {fontColor:Color.Black}
}

如果不想添加空格，可以使用键盘输入的回调处理，参考添加输入法输入内容前后可触发的回调

更多关于HarmonyOS鸿蒙Next中RichEditor设置带样式的文字TextSpan后，接下来键盘输入的文字都跟随该样式，怎么解决的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，RichEditor设置TextSpan后，键盘输入的文字会继承该样式。要解决此问题，可以在输入完成后，手动调用clearComposingText()方法清除样式继承，或者通过设置新的TextSpan来覆盖之前的样式。确保在输入新内容前，样式已被重置或更新。

在HarmonyOS Next的RichEditor中，当设置TextSpan样式后键盘输入会继承该样式是正常行为。要解决这个问题，可以在每次用户输入后通过监听输入事件来重置样式：

  1. 使用onTextChanged监听器捕获输入事件
  2. 在回调中获取当前Selection位置
  3. 使用clearStyle()方法清除当前样式
  4. 或者显式设置默认文本样式

示例代码片段：

richEditorController.addTextChangedListener(() => {
    const selection = richEditorController.getSelection();
    richEditorController.setStyle({
        color: '#000000', // 设置为默认黑色
        // 其他默认样式...
    }, selection.start, selection.end);
});

关键点：

  • 需要在每次输入后主动重置样式
  • 可以通过getSelection()获取当前输入位置
  • setStyle方法可以覆盖现有样式

这样就能确保后续输入都保持黑色字体，而不会继承之前的绿色样式。

回到顶部