markdown编辑器与富文本编辑器优缺点比较,哪个更好用_到底是用markdown还是富文本-程序员宅基地

技术标签: 比较  编辑器  markdown  富文本编辑器  优缺点  

 其实对于用户来说,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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/davidhzq/article/details/100755735

智能推荐

Redis 主从复制-哨兵-集群 相关部署_windows redis 主从复制部署-程序员宅基地

文章浏览阅读175次。Redis 主从复制+哨兵+集群一.主从复制-哨兵-集群二.主从复制1.主从复制的作用2.主从复制流程3.部署Redis 主从复制三.哨兵模式1.哨兵模式的原理2.哨兵模式的作用3.哨兵结构由两部分组成,哨兵节点和数据节点部署哨兵模式四.集群模式1.集群的作用,可以归纳为两点2.Redis集群的数据分片3.以3个节点组成的集群为例4.Redis集群的主从复制模型5.Redis集群部署一.主从复制-哨兵-集群1.主从复制:主从复制是高可用Redis的基础,哨兵和集群都是在主从复制基础上实现高可用的。主从复_windows redis 主从复制部署

看完还不懂HashMap算我输(附职场面试常见问题)_hashmap原理详解,看不懂算我输(附面试题)-程序员宅基地

文章浏览阅读1.3w次,点赞181次,收藏596次。HashMap的原理与实现版本之更迭:–》JDK 1.7 : Table数组+ Entry链表;–》JDK1.8 : Table数组+ Entry链表/红黑树;(为什么要使用红黑树?)一问HashMap的实现原理你看过HashMap源码吗,知道底层的原理吗为什么使用数组+链表用LinkedList代替数组可以吗既然是可以的,为什么不用反而用数组。重要变量介绍:..._hashmap原理详解,看不懂算我输(附面试题)

PHP实现跨域多图上传_php 上传图片流跨域怎么做-程序员宅基地

文章浏览阅读959次。干货:问题:在a.com上上传图片至b.comhtml(a.com)<div class="box_03"> <iframe style="width:100%;height:100%;" frameborder="0" scrolling="no" src="/picupload/ming?imgurl=&shuiyin=&uploadUr..._php 上传图片流跨域怎么做

Cisco(46)——HSRP和VRRP_hsrp 可以在svi口配置么-程序员宅基地

文章浏览阅读1.2w次,点赞4次,收藏2次。实验拓扑:实验说明:1.把SW3模拟成三台PC,配置三个VLAN对应的SVI地址。2.HSRP:SW1做vlan 10的活动设备,SW2做vlan 20的备份设备;SW1做vlan 10的备份设备,SW2做vlan 20的活动设备;3.VRRP:SW1做vlan 30的Master,SW2做vlan 30的备份设备。4.down掉环回口,检查数据包的路径。实..._hsrp 可以在svi口配置么

kafka-0.8.2.1-src编译报错解决办法_to honour the jvm settings for this build a new jv-程序员宅基地

文章浏览阅读8k次。今天编译kafka-0.8.2.1-src源代码,发现一个问题。编译始终报错,错误如下:lizhitao@users-MacBook-Pro-2:~/mt_wp/open_source/kafka-platform/kafka-0.8.2.1-src$ gradle jar_core_2_10_4 --stacktraceTo honour the JVM settings for this bu_to honour the jvm settings for this build a new jvm will be forked. please c

微信支付退款 java_Java后台实现微信支付和微信退款-程序员宅基地

文章浏览阅读600次。微信支付流程都是我自己工作中开发的,亲测可用,不喜勿喷。controller中我是这么写的,你们需要根据自己的业务需求改动。ResponseBean是我自己封装的,你们可以改成你们想要的形式。/*** 微信统一下单接口* @return*/@RequestMapping(value = "/doUnifiedOrder", method = RequestMethod.POST)public Re..._java+微信支付 dounifiedrefund

随便推点

PDO / MySQL:如何优化内存消耗大的结果集查询-程序员宅基地

文章浏览阅读140次。I'm having a strange time dealing with selecting from a table with about 30,000 rows.It seems my script is using an outrageous amount of memory for what is a simple, forward only walk over a query res..._pdo_mysql.cache_size

layui实现表格合并单元格,设置不同背景色_layui tablemerge 合并背景-程序员宅基地

文章浏览阅读1.0k次。最近在使用layui的过程中,遇到了表格合并单元格,设置不同底色的问https://www.hixiaoe.com/题。在此总结,大家一起学习。效果如下:同一组新闻的底色相同实现代码:<script> layui.config({ base: '/static/' //静态资源所在路径 }).extend({ index: 'admin/lib/index' //主入口模块 .._layui tablemerge 合并背景

kali2020.3详细安装教程|避免踩坑版_kali2020.3安装-程序员宅基地

文章浏览阅读3.8k次,点赞10次,收藏18次。Kali Linux系统作为白帽、黑帽最受欢迎的渗透测试系统,你如果是一个安全渗透专家或者网络安全管理员,必须要学会慎重并且合理地利用这个系统,因为对目标系统造成的实质伤害会带来法律的约束以及制裁!1、Kali Linux下载官网下载镜像:下载链接:https://www.kali.org2、安装配置我这里使用的虚拟机软件是 VMware 15,名字随便看需要,也可按默认配置建议选4G,也可以选2G内存默认,下一步默认,下一步默认,下一步默认,下一步这里建议将磁_kali2020.3安装

消息队列mysql redis那个好,redis可以做消息队列吗-程序员宅基地

文章浏览阅读131次。应用场景:例如秒杀。瞬时大量写入订单到数据库,导致数据库无法及时响应。此时可以采用Redis做消息队列,把所有需要写入的数据先写入Redis消息队列中,然后同时在服务器开启php-cli进程循环读取队列中的数据,异步写入数据库。使用redis做消息队列可能会出现消息丢失的情况,因为没有消息接收的确认机制。大型程序,应该使用类似RabitMQ来做专业消息队列。1、使用publish/subscrib..._mysql 做队列好还是redis做队列

linux环境安装apache服务器_no such command: nginx. please use /usr/bin/yum ---程序员宅基地

文章浏览阅读1.3k次。本文转自:https://www.cnblogs.com/wcwnina/p/8029156.htmlApache简介 Apache HTTP Server(简称Apache)是Apache软件基金会的一个开放源码的网页服务器,可以在大多数计算机操作系统中运行,由于其多平台和安全性被广泛使用,是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的API扩展,将..._no such command: nginx. please use /usr/bin/yum --help

LINUX-基础回顾_linux 粘贴之后 只做提示-程序员宅基地

文章浏览阅读560次。xShell:最常用的软件!远程操作linux,打开命令行终端!终端模拟软件。export LANG=“zh_CN.UTF-8” #中文export LANG=“en_US.UTF-8” #英文查看linux的ip地址:ifconfig;Linux无法使用ifconfig命令查看ip地址是因为没有安装net-tool所以执行下面的语句进行安装。_linux 粘贴之后 只做提示