牛骨文教育服务平台(让学习变的简单)

关于markdown

好多使用者问到,wangEditor编辑器能否集成markdown?——答案是:富文本编辑器无法和markdown集成到一起。


先不说为什么,咱们先看看一个成熟产品中,对于富文本和markdown是如何处理的。

简书 是现在很火的一个博客网站,听人说它之所以快速的火起来,和支持markdown还有很大的关系。那么咱们看看这位靠着markdown火起来的网站,是不是真正的富文本和markdown集成起来了?

其实它的markdown编辑器和富文本编辑器完全是两个东西,根本没有在一个页面中集成起来。而切换富文本和markdown是在用户配置页来切换的。

默认进来是富文本编辑器,如下图:

可以进入用户配置页面切换成markdown编辑器,如下图:

再回头来新建一片文章,编辑器就切换到markdown了。

看明白了吧?


下面说说从技术角度为什么难以实现这两者的切换。

简单讲来,富文本和markdown对于文字的处理完全是两码事儿。例如,我们选择abcd进行加粗,富文本会生成<b>abcd</b>,而markdown会生成**abcd**

如果想要两者自由切换,需要在切换时,随时切换两种规则,这就会带来很多问题。

第一,如果文字量大,要处理的信息多,单纯用js进行进算,性能是一个问题。

第二,**abcd**格式切换成<b>abcd</b>格式,有现成的js库可利用,但是<b>abcd</b>切换为**abcd**怎么办?markdown只能编辑常用格式的文字,没有html的样式那么强大。例如,<img src="abc.png" width="300px"><font color="red">abc</font>切换成为markdown就无法实现。

所以,目前还找不到一款编辑器能自由切换markdown和富文本。一个东西不存在,也是有不存在的道理的。


最后,请大家想明白,在你的产品中,到底是想要一个"理想主义"的自由切换,还是想要简书那样的两种形式。

想清楚。