richtext组件在uni-app鸿蒙上识别不了特殊符号·

richtext组件在uni-app鸿蒙上识别不了特殊符号·

开发环境 版本号 项目创建方式
Mac HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Mac

PC开发环境操作系统版本号：苹果m1芯片

HBuilderX类型：正式

HBuilderX版本号：4.76

手机系统：HarmonyOS NEXT

手机系统版本号：HarmonyOS 5.1.1

手机厂商：华为

手机机型：ALT-AL10

页面类型：vue

vue版本：vue3

打包方式：云端

操作步骤：

鸿蒙里引用 <rich-text :nodes="articleData?.content"></rich-text>` 内容里包含 ：比尔·阿克曼的主基金在2025年上涨了25%。这两项投资功不可没。`


预期结果：

展示 比尔·阿克曼

实际结果：

展示了 比尔·阿克曼


bug描述：

比尔·阿克曼 展示为了·

更多关于richtext组件在uni-app鸿蒙上识别不了特殊符号·的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于richtext组件在uni-app鸿蒙上识别不了特殊符号·的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 的 rich-text 组件中，特殊符号如 ·（中间点）在鸿蒙系统上可能因字体或解析差异导致显示异常。这通常是由于系统默认字体对特定 Unicode 字符的支持不一致，或 rich-text 内部解析时未正确处理字符实体。

解决方案：

  1. 替换字符实体：将内容中的 · 替换为 HTML 实体 &middot; 或直接使用 Unicode 编码 \u00B7，确保跨平台兼容性。
    // 在数据处理阶段进行替换
articleData.content = articleData.content.replace(/·/g, '&middot;');
回到顶部