【功能体验】Markdown兼容再进步
Lv.2潜力创作者
一、内容引入
这两天社区及各公众平台的WPS官方，都在强调🔗WPS文字支持「Markdown文件格式」
之前写过帖子反馈WPS智能文档不支持粘贴Markdown源码直接渲染，并与腾讯文档的适配进行对比
当时的对比结果在于：一篇编辑好的Markdown文档，将源码粘贴到腾讯文档的在线文档中，腾讯文档可以直接识别并询问用户是否对markdown语法进行样式渲染，而WPS的智能文档确不支持直接读取转换。
而现在，WPS不仅在智能文档中支持对粘贴的markdown文档直接渲染，他还支持使用WPS文字打开md文件。那么来看看具体适配到了何种程度吧？
二、功能测试
（一）准备材料
1、测试文件
首先让WPS灵犀给我们生成一篇markdown文档，生成源码方便复制粘贴功能，导出md文件测试导入功能。
源码区及样式渲染区
完整内容预览动图
2、软件版本
因为WPS文字版块适配Md文件尚处于灰度测试阶段，就功能适配还在持续放开。因此对于本次测试标记所用版本是必要的。因此在这篇文档中，所用WPS版本为12.1.0.26271，为WPS 64位 4月内测版。
（二）适配测试
以三个角度测试一下本次WPS文字及智能文档对markdown文档的适配程度，为避免文字过于冗长，适配较为正常的就不进行描述了，只简单录屏/截图一下操作
为便于理解，三个角度完整描述为如下内容
复制粘贴 | 把Markdown源码复制粘贴到对应文档中能否正常识别并渲染显示正确格式 |
文件导入 | 把.md文件通过导入/直接打开能否正常识别并正确显示 |
直接攥写 | 直接在对应WPS功能板块中手动输入markdown标记格式文本能否直接识别并渲染 |
功能版块方面，主要分两个方向：智能文档+WPS文字
词语区分：Markdown源码，渲染效果
这两个词汇相关的通识词汇我暂不清楚，为便于全文表述，基于查询到的相关词汇图片进行一个基本定义
1、复制粘贴
智能文档
智能文档复制粘贴图1
智能文档复制粘贴图2
智能文档复制粘贴图3
智能文档复制粘贴图4
替换有效图片链接正常渲染
智能文档适配的粘贴模式
手动选择粘贴为普通格式
WPS文字
在WPS文字中的docx文档直接粘贴markdown源码会粘贴为普通文本，markdown格式标记码也会作为文本保留
但粘贴好后会有一个悬浮窗格，可以选择AI匹配格式，选择后AI会识别到是Markdown格式从而渲染为符合标记的普通带格式文档
其中，latex公式虽然未能直接转换，但依然可以在选中后通过插入公式功能实现快速转换
不过正如截图里标注的那样，手动转换本身就比较繁琐，处理过后剩下的$$符号还需要进一步去除。不够便利
2、文件导入
智能文档
智能文档的markdown导入功能早已不是新功能，起码在1~2年前就已上线。
导入后的渲染效果与复制粘贴这一部分完全一致，就不再重复配图对比了
WPS文字
WPS文字没有导入.md格式文档的按钮，但支持使用WPS文字直接打开.md格式。「右键.md文件-打开方式-WPS文字」这样操作即可使用WPS文字打开.md文件。或者直接在WPS内查找打开.md文件
Ctrl+N调出打开文件窗口，找到对应路径下的.md文件。文件类型注意要更改为所有文件，不然文件窗格不显示.md文件
首页打开按钮调出文件管理器寻找文件
WPS首页直接搜索md文件，可以查询到WPS云盘及电脑本地的md格式文件及文件名包含md的文件 （调用WPS内置的everything，查找速度很快）
打开后整体适配情况跟上面复制粘贴中WPS文字部分一致，主要就是latex公式不能渲染的问题
打开md文件渲染情况
3、直接攥写
智能文档
在智能文档中直接撰写markdown源码体验会比较割裂。
对于适配的标题、引用、无序列表等，会在输入过程中直接完成渲染（比如#后敲空格，这一行会立刻成为一级标题，>后敲空格会立刻变成引用格式。
但是就如截图那样还是有大量格式还没适配，比如粗体斜体，图片，嵌套列表等等。直接在智能文档撰写markdown文档，适配的会直接渲染成带格式文本，不适配的仍显示标记代码，编辑体验很割裂。
当然智能文档也可以插入代码块，在代码编辑器里撰写Markdown代码，但这里一样支持的格式会进行渲染，不支持的仍保留源码
而且在代码块中编写的markdown源码复制粘贴到智能文档中只会是普通文本，而不会识别成markdown格式进行渲染
而同样的内容，在网上找一个markdown格式编辑器，可以正常识别。而且其编辑器有源码框和预览框，编辑器中攥写的源码可以在预览框实时查看，可以直观看到对应的标记代码是否正确。
WPS文字
因此，在WPS文字的docx文档中，没有任何便捷的选项及功能块支持我们直接攥写markdown源码并渲染显示对应格式。
但是我们可以创建一个空白md文件再用WPS文字打开，实现一边撰写一边查看渲染效果
打开创建在桌面的空白.md文件再编辑
编辑后依然支持保存为md文档
如果能直接支持新建md文件会更方便
或者在docx格式文件界面可以F12另存为md格式进而跳转到专门的md文件编辑界面（即类似对doc文件的处理那样）
又或者类似开发工具中vba宏/Js宏那样提供一个编辑器按钮，点击后展开对应菜单，方便直接攥写markdown文档。
三、补充讨论
需求所在
markdown作为一个标记语言，方便用户在撰写区进行纯文本的输入，同时在预览器实时查看对应的格式效果。能一定程度上达到类似智能文档/便签这样可以专注于文字本身而不被格式设置干扰思路的目的。因此受到大量科研人员的喜爱，也进一步在AI时代成为AI生成内容的基本格式标记语言。
对于普通人来说，WPS适配markdown的最大意义在于AI生成的内容在复制粘贴后不会是内容和标记代码一起存在那里影响观看，而能够在识别后自动转换为对应格式。
同时WPS适配markdown文档的读取转换，也利于习惯使用md文档的用户转换为docx等通用格式，利于将成果传播展示给更多普通用户。
现存问题
| 💡 | 大概总结一下第二部分即测试适配情况时发现的问题
|
最后捉个虫，在准备材料部分，让WPS灵犀claw生成的markdown源码和预览框，两个区域不能绑定滚动，两列内容上下滑动是脱节的
左侧源码滑到五了，右侧预览还在开头
在引用图片这一部分，WPS灵犀claw生成的markdown源码导出到本地的md文件，对应的代码出现了一个不该出现的字符（下图框选处！前面有一个不该出现的单引号'，这个字符导致了这段引用图片没有被正常渲染，我一开始还以为是因为所用图片链接没有指向实际地址导致不能正常显示，后面把链接更换为WPS官网首页图片地址发现还不能正常渲染才想到将灵犀claw所生成的代码和markdown标准格式文档进行对比，而在去除这个单引号并替换了有效链接后，图片就能正常显示了。
最后贴上所用到的md格式示例文档，因智能问答不支持插入md文件，就使用代码块进行插入
# Markdown 语法示例文档
## 一、多级标题
### 三级标题
#### 四级标题
##### 五级标题
---
## 二、文本格式
这是一段包含 **加粗文本** 和 *斜体文本* 的段落。
你也可以使用 ***加粗斜体*** 来同时应用两种样式。
还可以用 ~~删除线~~ 来表示已删除的内容。
行内代码使用反引号包裹，例如 `print("Hello, World!")`。
## 三、引用
> 知识就是力量。
> — 弗朗西斯·培根
> **注意：** 引用可以嵌套使用。
>
> > 嵌套引用示例。
## 四、链接与图片
- 行内链接：[WPS 官网](https://www.wps.cn)
- 带标题的链接：[Markdown 指南](https://www.markdownguide.org "Markdown 官方指南")
- 自动链接：<https://github.com>
图片语法（示例）：
## 五、列表
### 无序列表
- 第一项
- 嵌套项 A
- 嵌套项 B
- 第二项
- 第三项
### 有序列表
1. 步骤一
2. 步骤二
1. 子步骤 2.1
2. 子步骤 2.2
3. 步骤三
### 任务列表
- [x] 完成需求分析
- [x] 完成代码开发
- [ ] 完成测试验收
- [ ] 正式上线部署
## 六、表格
| 功能 | 状态 | 负责人 | 优先级 |
|:------------|:----:|:-------:|:------:|
| 用户登录 | 已完成 | 张三 | 高 |
| 数据导出 | 进行中 | 李四 | 中 |
| 权限管理 | 待开始 | 王五 | 高 |
| 系统监控 | 待开始 | 赵六 | 低 |
## 七、代码块
### Python
```python
def fibonacci(n: int) -> list[int]:
"""生成斐波那契数列"""
fib = [0, 1]
for i in range(2, n):
fib.append(fib[i - 1] + fib[i - 2])
return fib[:n]
print(fibonacci(10))
```
### JavaScript
```javascript
const greet = (name) => {
console.log(`Hello, ${name}!`);
};
greet("World");
```
## 八、公式（LaTeX）
行内公式：质能方程 $E = mc^2$ 揭示了质量与能量的等价关系。
块级公式（行间公式）：
$$
\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x + h) - f(x)}{h}
$$
高斯积分：
$$
\int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi}
$$
欧拉恒等式：
$$
e^{i\pi} + 1 = 0
$$
矩阵表示：
$$
A = \begin{pmatrix}
a_{11} & a_{12} \\
a_{21} & a_{22}
\end{pmatrix}, \quad
\det(A) = a_{11}a_{22} - a_{12}a_{21}
$$
## 九、分隔线
---
## 十、脚注
这是一段包含脚注的文字[^1]，这是另一个脚注[^2]。
[^1]: 这是第一个脚注的内容。
[^2]: 这是第二个脚注的内容，可以包含更详细的说明。
---
*本文档用于演示 Markdown 常用语法，涵盖标题、文本格式、引用、链接、列表、表格、代码块、公式、分隔线与脚注等元素。*