其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用方法上,以及不同技术所带来的行业上的影响。
 下面就让我们来看看详细的比较。

什么是markdown编辑器,什么是富文本编辑器

 Markdown是这几年才流行起来的编辑器,Markdown使用一套格式标记语言来对文档内容进行排版和格式显示。你需要在写文章的过程中,在需要控制版式的地方插入这些标记,比如你在一段文字前插入#号再加一个空格,表示这一行要以标题的形式显示(字体比较大比较粗比较黑)。而Markdown的标记其实很少,常用的也就十个左右,所以它是一种轻量的标记语言。
 下图就是一个典型的markdown编辑器界面,图中红圈部分中都是markdown的标记语言。图中左边是写作窗口,右边是预览窗口。

 富文本编辑器就是大家之前所使用的编辑器,以前大家在网页上写文章或网页后台发布新闻内容一直都是用的富文本编辑器,包括很多论坛上发帖子的文字窗口就是典型的富文本编辑器。可以这么说除了Markdown编辑器,其他的文本编辑窗口基本上都可以归到富文本编辑器。
 富文本编辑器已经有二十多年的历史了。下面是一个典型富文本编辑器,也是本人经常使用的,你是不是以为是office word界面?

误区:

 markdown编辑器或者富文本编辑器都是一种编辑器的类型,并不是指具体某一家的产品。很多非技术人员经常会有一些误解,他会以为markdown编辑器就是CSDN的编辑器,或者就是简书的编辑器,或者就是博客园的编辑器。很多人在比较markdown编辑器与富文本编辑器时,只比较CSDN一家的,或者博客园一家的,这会给新手带来很大的误会。

从几个角度来比较

1、功能上

 上文说过了,从功能上讲两者并没有什么区别!
 仔细看看上面两张图,你是不是觉得富文本编辑器的功能甚至比markdown编辑器的功能还要多!
 说富文本编辑器的功能弱的那都是误会,他并没有见到真正的富文本编辑器,类似上图中的富文本编辑器,比较有名气的随便都能列出十几多款。
 如果你觉得上图的富文本编辑器功能还不够强,看到上图左下角的“代码”两个字了么,点进去之后你都能直接修改网页源码,如果你懂HTML那么没有什么功能是你不能实现的!
 在markdown编辑器火起来之前,富文本编辑器统治整个互联网很多年了,成千上万的网页都是它发布出来的,没有什么版式功能弄不出来的。
 如果你觉得富文本编辑器的功能太弱,那一定是你所用的那一家,那一款产品太弱了。而不是富文本编辑器本身功能问题。
 打个比方说,马是世界上公认善跑的动物,然而你碰巧遇到了一只又矮又搓又不能跑的,然后你就认为马都是这样的,,,,你这样的话,马会被你气死的!
 当然,反过来道理也是一样的,markdown编辑器功能也不比富文本编辑器功能少,只是可能碰巧你看到的那一款markdown编辑器功能比较少而已。
 互联网上markdown编辑器也有无数个,markdown标记语言原始版本(或者说标准化版本)所提供的功能只有十多个,但是网上普遍存在的都是扩充版本,几乎每一家的实现都是不太一样的,因为markdown是由每一个网站自由去实现的(当然你可以去拷贝别人做好的)。
 不厌其烦讲这么多,是因为网上对这个问题误解的人实在太多了……

2、使用难度和方便性

 markdown编辑器毕竟额外多出来一套标记语言,肯定还是要学一下的,虽然十几多个也不多,但要养成这样的写作习惯是要一定时间培养的。
 富文本编辑器使用的是与word类似的所见即所得的排版方式,操作也与word类似,点击鼠标按钮使用相应功能就行。使用上相对比较简单,也比较容易进入状态。
 有些markdown编辑器虽然也可以即时预览,但是都需要另外开窗口的,或者需要另外点击预览,所见即所得方面还是会差一些。

3、分享和交流

 markdown编辑器有一套标准的标记语言,其内容本身也是纯文本文档,所以在各个支持markdown的网站之间交流起来是很方便的,即使用非markdown编辑器打开也不会有明显错乱感觉。
 Markdown的可贵之处就在于他有一套标准,什么东西一当有了一套大家认可的标准,就比较容易推广和流行。这个实际上也是markdown流行起来的重要原因之一,便于分享交流。
 富文本编辑器每一家的实现都是完全不一样的,如果你把新浪的编辑器里的内容直接拷贝到网易的编辑器里,那版式肯定是有区别的,甚至会位置错乱,往数据库后台保存可能也会出问题。所以富文本编辑器一般都是专用的。

4、排版的准确性

 如果是两个功能都比较强的富文本编辑器和markdown编辑器,那么排版的准确性和可控性并不会有明显的差别。
 之所以大家觉得markdown编辑器可控性更强,是因为这家网站同时提供的富文本编辑器功能实在太差了。一个网站之所以这么安排并不一定是他们没有这个技术能力提供一个更好的富文本编辑器,往往是一些商业因素,运营策略,甚至是某些人个人喜好,这里就不展开分析了……
 那么,如果是两个功能都很一般富文本编辑器和markdown编辑器,往往markdown编辑器的版式控制性会更强一点。
 然后很不幸地告诉大家,像CSDN、博客园都属于后者,他们都是主推markdown编辑器的,他们提供的富文本编辑器功能都非常弱。简书之前也是主推markdown,后来又改成富文本编辑器了。

5、直观性

 直观性即“所见即所得”的特性,这方面富文本编辑器肯定是略胜一筹的。因为富文本编辑器天生就是所见即所得的。
 有些网站做的markdown编辑器会在旁边再开一个窗口,可以即时预览排版的效果,但是如果屏幕空间不够大,跟最终效果还是有差别的,另外也会有一点点影响写作。

最后

 markdown编辑器由于其使用了标记语言,总会给人一种技术化的感觉,事实上也是如此,markdown编辑器一般还是在技术平台和技术人员手中使用比较多,估计这也是简书这两年放弃markdown开始主推富文本编辑器的主要原因吧,因为简书现在主做的不是技术内容。
 虽然markdown编辑器这几年比较火,但从整个网络总量上来说markdown编辑器还是比较小众的。
 最后希望大家找到自己顺手的编辑器。
 随后我还会再写两篇关于编辑器的文章《几款主流好用的markdown编辑器介绍》和《几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍》,欢迎一起交流。

转载请注明原文地址:https://blog.csdn.net/davidhzq/article/details/100755735

markdown编辑器与富文本编辑器优缺点比较,哪个更好用相关推荐

  1. Markdown编辑器 vs.富文本编辑器:介绍/优缺点 (未完更新中)

    那天学习python到深夜,第一次想在CSDN 想发表文章. 跳出界面让我选择用:Markdown编辑器还是富文本编辑器. 什么?当时便蒙了,我只是想平常一样,写一点日记而已啊,这么不友好的吗? 它既 ...

  2. 文本编辑器_markdown编辑器与富文本编辑器优缺点比较

    其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用方 ...

  3. 富文本编辑器 mysql_富文本编辑器汇总

    富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱. 它的原理 ...

  4. kind富文本编辑器_富文本编辑器原理探索

    经常在做企业网站的管理系统的时候需要用到富文本编辑器,之前基本上都是直接去 npm 或者 github 上面搜找一些排名考前或者 readme 写的好的库,直接拿来用.万变不离其宗,是时候探索下本质了 ...

  5. android 富文本编辑器_富文本编辑器原理探索

    经常在做企业网站的管理系统的时候需要用到富文本编辑器,之前基本上都是直接去 npm 或者 github 上面搜找一些排名考前或者 readme 写的好的库,直接拿来用.万变不离其宗,是时候探索下本质了 ...

  6. 富文本编辑器 java_HtmlBox富文本编辑器的使用

    我们下面需要做的是在项目里面提供给用户一个富文本编辑区域. 一.什么是富文本编辑 富文本编辑器,Multi-function Text Editor, 简称 MTE, 它提供类似于 Microsoft ...

  7. android 富文本编辑器_富文本编辑器,还是Tinymce好一点?Angular/Vue集成最新版

    以前jQuery.PC网页时代,富文本编辑器一直就是百度Ueditor.KindEditor.现在使用Angular.Vue.React等MVVM架构以及最新的大前端 工程模式下,老的编辑器显然不更新 ...

  8. react html编辑器,wangEditor富文本编辑器+react+antd的使用

    搜索热词 1.github上发现富文本编辑器: 2.结合react+antd的具体使用: 案例使用场景:MyModal为弹窗,弹窗显示 编辑名称及描述.描述使用wangeditor富文本编辑器实现. ...

  9. javaFX学习之HTML编辑器(HTMLEditor)富文本编辑器

    原文链接:DOC-03-21 HTML编辑器(HTML Editor) | JavaFX中文资料 在JavaFX应用程序中使用内置的HTML编辑器来编辑文本 HTMLEditor控件是一个功能完整的富 ...

最新文章

  1. 力扣(LeetCode)刷题,简单题(第25期)
  2. Zookeeper学习总结2
  3. 计算机未来的储存装置,图说计算机存储设备
  4. 怎么在linux下用mysql建库_在MySQL/MariaDB中创建数据库、数据库用户和授予特权(针对Linux平台)...
  5. 为什么 学汽修 java_这七个优势 告诉你为什么要学汽修
  6. linux运维架构师职业规划
  7. 30 年间,软件开发行业为何 Bug 纷飞?
  8. fw300r虚拟服务器设置,迅捷(fast)fw300r路由器用手机怎么设置? | 192路由网
  9. XRD 数据处理:使用 Origin 进行多谱图对比
  10. win7系统如何升级安装win11正式版,win7升级win11系统的方法
  11. paper reading: Rob-GAN: Generator, Discriminator, and Adversarial Attacker
  12. HMI-40-【节能模式】平均油耗实现
  13. ios小米手环6最新固件获取auth_key更换第三方表盘
  14. 【嵌入式小技巧】STM32 实现 SEGGER RTT 打印(超详细)
  15. 知网下载的PDF论文,如何加目录的方法
  16. C语言-出生日期输入输出
  17. linux如何给脚本等创建一个桌面启动图标
  18. 面试笔试杂项积累-leetcode 6-10
  19. Springboot+Minio通过分片下载解决IOS下H5无法播放视频问题
  20. Android平台的标签云实现

热门文章

  1. Keras花卉分类全流程(预处理+训练+预测)
  2. Django基础5.1,模型层(二)多表操作
  3. Java项目增加第三方包org.json com.alibaba.fastjson.JSON
  4. cad转换成dwf格式的具体操作步骤是什么?
  5. 能源挑战 绿色制造的过去、现在和将来
  6. 谷歌云实例如何使用 SSH 密钥登录
  7. 水墨屏超高频电子标签|RFID电子纸之可视化标签组态软件操作流程
  8. linux安装谷歌中文,linux下安装谷歌拼音输入法
  9. Linux lookback驱动分析
  10. 最新温柔发卡程序源码10套显示模板 附带视频教程