TRAE IDE CN Markdown 预览无法渲染内联 HTML 中的 SVG 图片

运行环境:

TRAE IDE CN
操作系统:macOS

问题描述:

在 TRAE IDE CN 中预览 Markdown 文件时,使用内联 HTML <img> 标签引用的本地 SVG 图片无法正常显示。同样的文件在 GitHub 上可以正常渲染。

具体表现:README.md 中使用如下代码引用 LOGO:

<div align="center">
<img src="./logo.svg" alt="AgentCortex Logo" width="200" />
</div>
  • GitHub 渲染:white_check_mark: SVG 图片正常显示
  • TRAE IDE CN 渲染:cross_mark: SVG 图片无法显示

复现步骤:

  1. 在项目中创建一个 SVG 文件(如 logo.svg

  2. 在 README.md 中使用内联 HTML 引用该 SVG:

    <div align="center">
    <img src="./logo.svg" alt="Logo" width="200" />
    </div>
    
  3. 在 TRAE IDE CN 中打开该 Markdown 文件的预览

  4. SVG 图片无法显示

可能的原因:

  • Markdown 渲染器不支持内联 HTML 标签(<div><img>
  • 渲染器无法正确解析相对路径的本地 SVG 文件引用

参考项目:

该项目的 README.md 中使用了 <img src="./logo.svg"> 引用 SVG LOGO,在 GitHub 正常显示,在 TRAE IDE CN 中无法显示。

建议:

希望 TRAE IDE CN 的 Markdown 渲染功能与 GitHub 保持一致,支持内联 HTML 标签和本地 SVG 文件引用,让开发者无需为不同平台做兼容处理。

2 个赞

VSCode 有没有相关的插件可以下载一下,感觉 TRAE IDE的内核是 VS Code,感觉可以通过下载插件试试。

2 个赞

我转一下到帮助与支持

2 个赞