Markdown与富文本编辑器的区别及使用建议
一、前言
当前有许多有发帖和交流功能的网站,并且内容类网站(如视频网站或软件站)也基本开始支持。
但对于更专业化和长篇的文章来说,往往需要用到更多的排版及格式。于是出现了富文本编辑器以及标记语言Markdown。这两种编辑方式目前正在成为主流。
但是它们也存在不同,尤其对于不同的网络人群来说,它们有很大的区别,使用上也有一些要点。对于希望搭建社区或论坛的站长来说,也需要斟酌其中利弊。
因此,在这篇文章中,笔者将集中讲述这两种编辑方式的区别以及使用的一些注意事项,以供参考。
二、比较
这是对这两种方式的简单比较。
Markdown
笔者个人是喜好使用Markdown的,因为它看来更为简明、不易出错且易扩展。当然,它很容易做到只用键盘编辑(这对于不间断的打字有帮助)。
实际上,Markdown不是一种编辑器而是一种标记语言。这意味着它不容易出错。“出错”意味着一些奇怪的状况——例如在富文本编辑器中,当从某个位置复制一段内容时,它的样式也可能被复制,这可能导致一些地方的字体奇怪地略小,或拥有格格不入的背景色,等等。
Markdown的设计理念是:易读、易写和随意改。它应当能被作为纯文本发布而不会看起来被标签充满1。
显然这意味着它不是设计用来取代HTML(实际上,除了XHTML以外,XML等都不是设计用于取代它)。它用于描述文本,因此可以把它转换为HTML显示出来,但也可以不这么做而仅仅作为纯文本查看。
综上所述,Markdown非常适合大量文本的写作或技术性的文章,并且只需要很少的时间即可学习。
富文本编辑器
富文本编辑器是可内嵌的、所见即所得的编辑器,尤其适合于在无法预见最终排版格式时使用。
实际上,一个富文本编辑器有些像弱化版的Word——它给予用户快速写出一段“富于生命力”的文本。因此,如果是简单的评论、回帖,富文本编辑器往往更为易用。
尤其值得注意的是 D i s c u z ! Discuz! Discuz!项目构造的论坛往往使用富文本编辑器。因此如果是使用这一方式构建,可以作为参考。
三、编辑提示
这是采用不同方式编辑文章的建议。
Markdown
- Markdown适合用于程序员,但必须注意
Inline
和 I n l i n e Inline Inline,也就是行内代码块及行内公式不能滥用,会引起内容过于花哨,不便于阅读。 - Markdown可以使用HTML标签,例如定义标题锚点可用
<h2 id="code">Title</h2>
然后用超链接[Text](#code)
链接之。
富文本编辑器
- 复制的时候必须注意:最好另起一行看看复制上去的效果。例如从其它页面或Word中复制,可能会把背景色一起复制从而产生与预期不同的结果。
- 有一个技巧:先把所有文本内容编辑好,然后依次点选工具条把需要之处标出。这能够避免文本发生错乱的现象。
四、构建提示
这是社区选择用户编辑文章方式的建议。
Markdown
- Markdown很适合技术型论坛!推荐 M d E d i t o r MdEditor MdEditor开源项目用于构建基本的可视化(编辑框+预览框)Markdown编辑器。
- Markdown的解析很容易,并且有诸多方式。如果网站支持服务端处理,我不推荐使用JS解析。因为对网站来说,在后台就得知解析的结果便于进行处理(如存入数据库)。
- 要注意的是,目前对于技术型论坛,大多数已经支持在Markdown中内嵌 LaTeX \LaTeX LATEX公式。但是原生的服务端Markdown解析器不支持LaTeX,这需要再加入LaTeX渲染插件。比较轻量的选择是 KaTeX \KaTeX KATEX,详见笔者的KaTeX配置笔记。
富文本编辑器
至于只需要评论和回复功能的内容型网站,那么可以使用富文本编辑器。这类开源项目不难找到,例如wangEditor。
当然,有些诸如
$$A_n+1=\frac{(k+1)((k+1)+1)}{2}$$
的数学公式看起来不太美观,但这不是原生Markdown的内容。 ↩︎
Markdown与富文本编辑器的区别及使用建议相关推荐
- Markdown编辑器 vs.富文本编辑器:介绍/优缺点 (未完更新中)
那天学习python到深夜,第一次想在CSDN 想发表文章. 跳出界面让我选择用:Markdown编辑器还是富文本编辑器. 什么?当时便蒙了,我只是想平常一样,写一点日记而已啊,这么不友好的吗? 它既 ...
- Markdown编辑器和富文本编辑器的区别
目录 引言 Markdown编辑器和富文本编辑器的区别 Markdown的说明 引言 如果想要得到不带任何格式的文字,那么就不需要复杂的工具,windows的自带的文本编辑器就可以. 但是在日常的生活 ...
- markdown编辑器与富文本编辑器优缺点比较,哪个更好用
其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用 ...
- 如何用Vue实现简易的富文本编辑器,并支持Markdown语法
前端开发经常会用到富文本编辑器,比如CKEditor,动不动一个库几十M的代码量,其中涉及许多你可能用不到的功能特性和相关设置,CKEditor最新版本的代码仓库就有接近2000个JS文件,300,0 ...
- Markdown富文本编辑器(数学公式教程)
Markdown富文本编辑器(数学公式教程) 简单分类 行内公式示例如下 行间公式实例如下 希腊字母 上标与下标 括号 小括号与方括号 大括号 尖括号 上取整 下取整 求和与积分 求和 积分 连乘 其 ...
- CSDN 富文本编辑器和 Markdown 编辑器使用 Word 支持的 LaTx 语法公式
CSDN 富文本编辑器和 Markdown 编辑器使用 Word 支持的 LaTx 语法公式 1.LaTx语法代码表示 公式显示 X=(x11x12-x21x22-⋮⋮⋱)\mathbf{X}=\le ...
- Vue 中引入markdown富文本编辑器并根据md格式渲染
Vue 中引入markdown富文本编辑器 在vue组件中,比较好用的是mavon-editor,github文档地址 https://github.com/hinesboy/mavonEditor ...
- html富文本编辑器插件_vue中使用vuequilleditor富文本编辑器
点击上方"小姚同学技术栈"快速关注我哟! vue-quill-editor是一个基于quill.适用于vue的富文本编辑器开源项目,支持服务端渲染和单页应用.目前项目热度还算可以, ...
- 文本编辑器_markdown编辑器与富文本编辑器优缺点比较
其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用方 ...
最新文章
- JVM学习1:JVM和Java体系结构
- 一个简单案例,5 分钟看懂 Java Lamdba 表达式
- sass和less的优缺点
- 中国都有哪些骨干网?带宽各是多少?
- PHP45个方便的工具
- MySQL常用存储引擎之CSV
- 用VSTS进行网站压力测试
- Spark精华问答 | spark的组件构成有哪些?
- Android工具栏中心标题和自定义字体
- 《大话操作系统——扎实project实践派》(8.2)(除了指令集.完)
- java url 长度限制_GET请求中URL的最大长度限制总结
- Fiddler抓包没有网!
- sublime补全java代码快捷键_Sublime快捷键
- 如何使用电脑的切屏快捷键
- 先验概率、后验概率、全概率
- win10安装visio2010出错_win10系统安装Office2010提示错误1935的解决方案
- JRuby: Wiki: RailsWithH2InJNDIOnJetty — Project Kenai
- 深入浅出ASP .NET Core学习记录
- 转角遇到爱之经典对白与漫画文字
- 一个比较有趣的题:推算今天星期几