Markdown与富文本编辑器的区别及使用建议

一、前言

当前有许多有发帖和交流功能的网站，并且内容类网站（如视频网站或软件站）也基本开始支持。

但对于更专业化和长篇的文章来说，往往需要用到更多的排版及格式。于是出现了富文本编辑器以及标记语言Markdown。这两种编辑方式目前正在成为主流。

但是它们也存在不同，尤其对于不同的网络人群来说，它们有很大的区别，使用上也有一些要点。对于希望搭建社区或论坛的站长来说，也需要斟酌其中利弊。

因此，在这篇文章中，笔者将集中讲述这两种编辑方式的区别以及使用的一些注意事项，以供参考。

二、比较

这是对这两种方式的简单比较。

Markdown

笔者个人是喜好使用Markdown的，因为它看来更为简明、不易出错且易扩展。当然，它很容易做到只用键盘编辑（这对于不间断的打字有帮助）。

实际上，Markdown不是一种编辑器而是一种标记语言。这意味着它不容易出错。“出错”意味着一些奇怪的状况——例如在富文本编辑器中，当从某个位置复制一段内容时，它的样式也可能被复制，这可能导致一些地方的字体奇怪地略小，或拥有格格不入的背景色，等等。

Markdown的设计理念是：易读、易写和随意改。它应当能被作为纯文本发布而不会看起来被标签充满¹。

显然这意味着它不是设计用来取代HTML（实际上，除了XHTML以外，XML等都不是设计用于取代它）。它用于描述文本，因此可以把它转换为HTML显示出来，但也可以不这么做而仅仅作为纯文本查看。

综上所述，Markdown非常适合大量文本的写作或技术性的文章，并且只需要很少的时间即可学习。

富文本编辑器

富文本编辑器是可内嵌的、所见即所得的编辑器，尤其适合于在无法预见最终排版格式时使用。

实际上，一个富文本编辑器有些像弱化版的Word——它给予用户快速写出一段“富于生命力”的文本。因此，如果是简单的评论、回帖，富文本编辑器往往更为易用。

尤其值得注意的是$Discuz!$项目构造的论坛往往使用富文本编辑器。因此如果是使用这一方式构建，可以作为参考。

三、编辑提示

这是采用不同方式编辑文章的建议。

Markdown

1. Markdown适合用于程序员，但必须注意Inline和$Inline$，也就是行内代码块及行内公式不能滥用，会引起内容过于花哨，不便于阅读。
2. Markdown可以使用HTML标签，例如定义标题锚点可用

   Title

   然后用超链接[Text](#code)链接之。

富文本编辑器

1. 复制的时候必须注意：最好另起一行看看复制上去的效果。例如从其它页面或Word中复制，可能会把背景色一起复制从而产生与预期不同的结果。
2. 有一个技巧：先把所有文本内容编辑好，然后依次点选工具条把需要之处标出。这能够避免文本发生错乱的现象。

四、构建提示

这是社区选择用户编辑文章方式的建议。

Markdown

1. Markdown很适合技术型论坛！推荐$MdEditor$开源项目用于构建基本的可视化（编辑框+预览框）Markdown编辑器。
2. Markdown的解析很容易，并且有诸多方式。如果网站支持服务端处理，我不推荐使用JS解析。因为对网站来说，在后台就得知解析的结果便于进行处理（如存入数据库）。
3. 要注意的是，目前对于技术型论坛，大多数已经支持在Markdown中内嵌$\text{LATEX}$公式。但是原生的服务端Markdown解析器不支持LaTeX，这需要再加入LaTeX渲染插件。比较轻量的选择是$\text{KATEX}$，详见笔者的KaTeX配置笔记。

富文本编辑器

至于只需要评论和回复功能的内容型网站，那么可以使用富文本编辑器。这类开源项目不难找到，例如wangEditor。

---

1. 当然，有些诸如$$A_n+1=\frac{(k+1)((k+1)+1)}{2}$$的数学公式看起来不太美观，但这不是原生Markdown的内容。 ↩︎