uni-app 编辑器中键盘esc下面的“·”字符显示异常成“路”，强行改成“·”会导致乱码

uni-app 编辑器中键盘esc下面的“·”字符显示异常成“路”，强行改成“·”会导致乱码

开发环境 版本号 项目创建方式
HbuilderX 3.1.6
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10

操作步骤：

<text class="">{{it.user[0].nickname}} 路 {{it.user[0].post}}</text>

预期结果：

<text class="">{{it.user[0].nickname}} · {{it.user[0].post}}</text>

实际结果：

<text class="">{{it.user[0].nickname}} 路 {{it.user[0].post}}</text>

bug描述：

键盘esc下面的“·”在编辑器中成了“路”。如果强行改成“·”，将会乱码

Image


更多关于uni-app 编辑器中键盘esc下面的“·”字符显示异常成“路”，强行改成“·”会导致乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 编辑器中键盘esc下面的“·”字符显示异常成“路”，强行改成“·”会导致乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个HBuilderX编辑器在Windows系统下的字符编码显示问题。该问题与uni-app框架本身无关，而是编辑器对特定字符的渲染处理导致的。

问题原因： Windows系统下，HBuilderX编辑器在特定字体设置下，可能会将"·"字符（Unicode: U+00B7）错误显示为"路"字。这通常是由于编辑器使用的字体库中该字符的映射关系异常造成的。

解决方案：

  1. 修改编辑器字体设置：

    • 进入HBuilderX设置（工具→设置）
    • 在字体设置中更换为其他等宽字体，如Consolas、Monaco或Source Code Pro
    • 重启编辑器后检查字符显示是否正常

  2. 使用Unicode转义序列：

    <text class="">{{it.user[0].nickname}} \u00B7 {{it.user[0].post}}</text>

  3. 使用HTML实体：

    <text class="">{{it.user[0].nickname}} &middot; {{it.user[0].post}}</text>
回到顶部