欢迎使用 Markdown在线编辑器 MdEditor

Markdown是一种轻量级的「标记语言」

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面，Markdown文件的后缀名便是“.md”

MdEditor是一个在线编辑Markdown文档的编辑器

MdEditor扩展了Markdown的功能（如表格、脚注、内嵌HTML等等），以使让Markdown转换成更多的格式，和更丰富的展示效果，这些功能原初的Markdown尚不具备。

Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如Pandoc，Pandao；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。

MdEditor源于Pandao的JavaScript开源项目，开源地址Editor.md，并在MIT开源协议的许可范围内进行了优化，以适应广大用户群体的需求。向优秀的markdown开源编辑器原作者Pandao致敬。

MdEditor的功能列表演示

标题H1

标题H2

标题H3

标题H4

标题H5

字符效果和横线等

删除线删除线（开启识别HTML标签时）

斜体字 斜体字

粗体粗体

粗斜体 粗斜体

上标：X₂，下标：O²

缩写(同HTML的abbr标签)

即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启

The HTML specification is maintained by the W3C.

引用 Blockquotes

引用文本 Blockquotes

引用的行内混合 Blockquotes

引用：如果想要插入空白换行即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。

@pandao

多语言代码高亮 Codes

行内代码 Inline code

执行命令：npm install marked

缩进风格

即缩进四个空格，也做为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。

<?php

    echo "Hello world!";

?>

预格式化文本：

| First Header  | Second Header |

| ------------- | ------------- |

| Content Cell  | Content Cell  |

| Content Cell  | Content Cell  |

JS代码

function test() {

	console.log("Hello world!");

}

HTML 代码 HTML codes

<!DOCTYPE html>

<html>

    <head>

        <mate charest="utf-8" />

        <meta name="keywords" content="Editor.md, Markdown, Editor" />

        <title>Hello world!</title>

        <style type="text/css">

            body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}

            ul{list-style: none;}

            img{border:none;vertical-align: middle;}

        </style>

    </head>

    <body>

        <h1 class="text-xxl">Hello world!</h1>

        <p class="text-green">Plain text</p>

    </body>

</html>

图片 Images

图片加链接 (Image + Link)：

Follow your heart.

列表 Lists

无序列表（减号）Unordered Lists (-)

列表一
列表二
列表三

无序列表（星号）Unordered Lists (*)

列表一
列表二
列表三

无序列表（加号和嵌套）Unordered Lists (+)

列表一
列表二
- 列表二-1
- 列表二-2
- 列表二-3
列表三
- 列表一
- 列表二
- 列表三

有序列表 Ordered Lists (-)

第一行
第二行
第三行

GFM task list

GFM task list 1
GFM task list 2
GFM task list 3
- GFM task list 3-1
- GFM task list 3-2
- GFM task list 3-3
GFM task list 4
- GFM task list 4-1
- GFM task list 4-2

绘制表格 Tables

项目	价格	数量
计算机	$1600	5
手机	$12	12
管线	$1	234

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

Function name	Description
`help()`	Display the help window.
`destroy()`	Destroy your computer!

Left-Aligned	Center Aligned	Right Aligned
col 3 is	some wordy text	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

Item	Value
Computer	$1600
Phone	$12
Pipe	$1

特殊符号 HTML Entities Codes

& ¨ ¡ £

& < > ¥ € ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

[========]

Emoji表情

Blockquotes

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

@mentions, #refs, links, formatting, and ~~tags~~ supported :editormd-logo:;
list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
[ ] this is a complete item ;
[]this is an incomplete item test link :fa-star: @pandao;
[ ]this is an incomplete item :fa-star: :fa-gear:;
- this is an incomplete item test link :fa-star: :fa-gear:;
- this is :fa-star: :fa-gear: an incomplete item test link;

反斜杠 Escape

*literal asterisks*

[========]

科学公式 TeX(KaTeX)

\[E=mc^2
\]

行内的公式$$E=mc^{2$$行内的公式，行内的$$E=mc}2$$公式。

\[x > y
\]

\[$\sqrt{3x-1}+(1+x)^2$
\]

\[\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))
\]

多行公式：

\displaystyle

\left( \sum\_{k=1}^n a\_k b\_k \right)^2

\leq

\left( \sum\_{k=1}^n a\_k^2 \right)

\left( \sum\_{k=1}^n b\_k^2 \right)

\displaystyle

    \frac{1}{

        \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{

        \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {

        1+\frac{e^{-6\pi}}

        {1+\frac{e^{-8\pi}}

         {1+\cdots} }

        }

    }

f(x) = \int_{-\infty}^\infty

    \hat f(\xi)\,e^{2 \pi i \xi x}

    \,d\xi

分页符 Page break

Print Test: Ctrl + P

[========]

绘制流程图 Flowchart

st=>start: 用户登陆

op=>operation: 登陆操作

cond=>condition: 登陆成功 Yes or No?

e=>end: 进入后台

st->op->cond

cond(yes)->e

cond(no)->op

[========]

绘制序列图 Sequence Diagram

Andrew->China: Says Hello

Note right of China: China thinks\nabout it

China-->Andrew: How are you?

Andrew->>China: I am good thanks!

End

Markdown的在线使用的更多相关文章

MarkDown/Html在线转换（支持代码高亮，可复制到微信公众号、今日头条）
MarkDown/Html在线转换能够将md渲染成html并且能保持代码高亮,可以方便的复制待格式的html粘贴到微信公众号,CSDN,简书,博客园,开源中国等. 扫码体验在线助手小程序我是java ...
Yii2项目实现Markdown功能在线Markdown编辑器
版权声明:本文为博主原创文章,欢迎扩散,扩散请务必注明出处. Yii中添加MarkDown编辑器主要使用了两个网页Markdown编辑器,都带预览功能. 1,ijackua/yii2-lepture ...
很好用的在线markdown编辑器
# 欢迎使用 Cmd Markdown 编辑阅读器基本符号 *,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号空白行表示另起一个段落 `是表示inline代码,tab是用来标记 ...
【第一篇献给markdown】markdown入门
Markdown 是一种轻量级的「标记语言」,语法十分简单,常用的标记符号也不超过十个.虽然功能很强大,但是上手估计不用十分钟. 一些认识 Markdown 官方文档这里可以看到官方的 Markdo ...
Markdown示例
欢迎使用 Cmd Markdown 编辑阅读器我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,Cmd Markdown 是我们给出的答案 -- 我们为记录思想 ...
Markdown：纯文本进行网页排版的简单标记语言
Markdown http://daringfireball.net/projects/markdown/ 2016-08-03 Markdown是一种标记语言,对纯文本使用简单的标记符号进行网页格式 ...
MarkDown教程
MarkDown笔记在线编辑器其他教程 [1.标题] 标题1 标题1=== 标题2 标题2--- 标题3 1 2 3 4 5 6 7 7 #1 ##2 ###3 ####4 #####5 ##### ...
我要爱死这个markdown 了
今天上班依旧看wpdang的文章,最后作者说,文章使用markdown写的,好奇心促使我搜了一把什么是markdown.然后看到了这篇文章,一瞬间就开始兴奋了.顿时觉得,这个东西太好用了,简直又激起 ...
试用cmd markdown
欢迎使用 Cmd Markdown 编辑阅读器我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,Cmd Markdown 是我们给出的答案 -- 我们为记录思想 ...
用Markdown优雅的写文章
简介 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 简单点来说,Markdown是文本标记语言,在普通文本的基础上加了一些特殊标 ...

随机推荐

.Net Core对于`RabbitMQ`封装分布式事件总线
首先我们需要了解到分布式事件总线是什么: 分布式事件总线是一种在分布式系统中提供事件通知.订阅和发布机制的技术.它允许多个组件或微服务之间的协作和通信,而无需直接耦合或了解彼此的实现细节.通过事件总线 ...
CoppeliaSim(原V-REP)教育版不给下载的解决方法
CoppeliaSim(原V-REP)教育版不给下载的解决方法首先进入CoppeliaSim官网网址:https://www.coppeliarobotics.com/downloads http ...
线程基础知识14 ReentrantLock和ReentrantReadWriteLock
1 简介 ReentrantLock和ReentrantReadWriteLock都是可重入锁.可重入锁,顾名思义,就是支持重进入的锁,它表示该锁能够支持一个线程对资源的重复加锁 ReentrantL ...
[Windows] 微信超级管家，自动好友回复、计数、自动同意、群发、好友导出、消息日志、无限多开
[Windows] 微信超级管家,自动好友回复.计数.自动同意.群发.好友导出.消息日志.无限多开微信超级管家是一款大神针对微信制作的工具,它的主要功能包括了自动回复.好友计数.自动同意.群发.好友 ...
javaweb-LoginDemo在JdbcTemp的登录实现及总结+进阶javabean改进
刚开始发现- -我好像忘记了JdbcTemp的知识了,以为自己学漏了,重新回去看了一下,还好还记得,所以今天做一个案例: 案例分析: 登录的实现步骤: 先导入jar包,然后写一个简单的html页面 ...
Hugging Face 每周速递: 扩散模型课程完成中文翻译，有个据说可以教 ChatGPT 看图的模型开源了
每一周,我们的同事都会向社区的成员们发布一些关于 Hugging Face 相关的更新,包括我们的产品和平台更新.社区活动.学习资源和内容更新.开源库和模型更新等,我们将其称之为「Hugging Ne ...
[ARC107D] Number of Multisets
$\text{Solution}$ 学习到了一些 $dp$ 的 $trick$ 设 $f_{i,j}$ 表示用了 $i$ 的元素,当前和为 $j$ 的方案数 $dp$ 有两 ...
JZOJ 3207.Orthogonal Anagram
$\text{Problem}$ 给出一个字符串,求经过重新排列的另一个字典序最小的字符串,满足:相同的位置上原串与结果串的字符不同.不存在则输出空串. $\text{Solution}$ ...
创建微信小程序组件的步骤
创建组件新建目录一个组件由四部分组成,js.json.wxml.wxss,组件其实就是页面中被拆分出来的,可以在多个页面中共同使用的小块 UI,所以看起来和新建一个页面的四个文件一样: 引入组件 ...
（一）钉钉宜搭低代码应用开发高级认证之远程API调用方法示例
大家好,我是代号六零一,在此分享近期学习的低代码开发知识~,如有疑问欢迎在评论区下方点评,作者愿与您一道共同探讨: 一.创建数据源二.请求地址配置钉钉路径示例:/dingtalk/web/APP_ ...

Markdown的在线使用

欢迎使用 Markdown在线编辑器 MdEditor

MdEditor是一个在线编辑Markdown文档的编辑器

MdEditor的功能列表演示

标题H1

标题H2

标题H3

标题H4

标题H5

标题H5

字符效果和横线等

引用 Blockquotes

锚点与链接 Links

多语言代码高亮 Codes

行内代码 Inline code

缩进风格

JS代码

HTML 代码 HTML codes

图片 Images

列表 Lists

无序列表（减号）Unordered Lists (-)

无序列表（星号）Unordered Lists (*)

无序列表（加号和嵌套）Unordered Lists (+)

有序列表 Ordered Lists (-)

GFM task list

绘制表格 Tables

特殊符号 HTML Entities Codes

Emoji表情

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

反斜杠 Escape

科学公式 TeX(KaTeX)

分页符 Page break

绘制流程图 Flowchart

绘制序列图 Sequence Diagram

End

Markdown的在线使用的更多相关文章

随机推荐

热门专题