赏一个 店小二 二维码 复制链接 在线VIP工具 TXT文本工具电脑版

在线Markdown编辑器 - 编辑排版

在线Markdown编辑器

主题 Themes

​x
1
# 欢迎使用 Markdown在线编辑器 MarkdownEditor
2
​
3
**Markdown是一种轻量级的「标记语言」**
4
​
5
​
6
![markdown](http://www.txttool.com/images/atxttoold.png "txttool.com")
7
​
8
​
9
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面，Markdown文件的后缀名便是“.md”
10
​
11
​
12
## MdEditor是一个在线编辑Markdown文档的编辑器
13
​
14
*MdEditor扩展了Markdown的功能（如表格、脚注、内嵌HTML等等），以使让Markdown转换成更多的格式，和更丰富的展示效果，这些功能原初的Markdown尚不具备。*
15
​
16
> Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如~~Pandoc~~，Pandao；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。
17
​
18
MdEditor源于Pandao的JavaScript开源项目，开源地址[Editor.md](https://github.com/pandao/editor.md "Editor.md")，并在MIT开源协议的许可范围内进行了优化，以适应广大用户群体的需求。向优秀的markdown开源编辑器原作者Pandao致敬。
19
​
20
​
21
![Pandao editor.md](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png "Pandao editor.md")
22
​
23
​
24
​
25
## MdEditor的功能列表演示
26
​
27
# 标题H1
28
​
29
## 标题H2
30
​
31
### 标题H3
32
​
33
#### 标题H4
34
​
35
##### 标题H5
36
​
37
###### 标题H5
38
​
39
### 字符效果和横线等
40
----
41
​
42
~~删除线~~ <s>删除线（开启识别HTML标签时）</s>
43
​
44
*斜体字*      _斜体字_
45
​
46
**粗体**  __粗体__
47
​
48
***粗斜体*** ___粗斜体___
49
​
50
上标：X<sub>2</sub>，下标：O<sup>2</sup>
51
​
52
**缩写(同HTML的abbr标签)**
53
> 即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
54
​
55
The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.
56
### 引用 Blockquotes
57
​
58
> 引用文本 Blockquotes
59
​
60
引用的行内混合 Blockquotes
61
​
62
> 引用：如果想要插入空白换行`即<br />标签`，在插入处先键入两个以上的空格然后回车即可，[普通链接](http://www.txttool.com/)。
63
​
64
### 锚点与链接 Links
65
[普通链接](http://www.txttool.com/)
66
[普通链接带标题](http://www.txttool.com/ "普通链接带标题")
67
直接链接：<http://www.txttool.com/>
68
[锚点链接][anchor-id]
69
[anchor-id]: http://www.txttool.com/
70
[mailto:test.test@gmail.com](mailto:test.test@gmail.com)
71
GFM a-tail link @pandao
72
邮箱地址自动链接 test.test@gmail.com  www@vip.qq.com
73
> @pandao
74
​
75
### 多语言代码高亮 Codes
76
​
77
#### 行内代码 Inline code
78
​
79
​
80
执行命令：`npm install marked`
81
​
82
#### 缩进风格
83
​
84
即缩进四个空格，也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。
85
​
86
    <?php
87
        echo "Hello world!";
88
    ?>
89
预格式化文本：
90
​
91
    | First Header  | Second Header |
92
    | ------------- | ------------- |
93
    | Content Cell  | Content Cell  |
94
    | Content Cell  | Content Cell  |
95
​
96
#### JS代码
97
```javascript
98
function test() {
99
    console.log("Hello world!");
100
}
101
```
102
​
103
#### HTML 代码 HTML codes
104
```html
105
<!DOCTYPE html>
106
<html>
107
    <head>
108
        <mate charest="utf-8" />
109
        <meta name="keywords" content="Editor.md, Markdown, Editor" />
110
        <title>Hello world!</title>
111
        <style type="text/css">
112
            body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
113
            ul{list-style: none;}
114
            img{border:none;vertical-align: middle;}
115
        </style>
116
    </head>
117
    <body>
118
        <h1 class="text-xxl">Hello world!</h1>
119
        <p class="text-green">Plain text</p>
120
    </body>
121
</html>
122
```
123
### 图片 Images
124
​
125
图片加链接 (Image + Link)：
126
​
127
​
128
[![](http://www.txttool.com/images/atxttoold.png)](http://www.txttool.com/images/atxttoold.png "txttool.com")
129
​
130
> Follow your heart.
131
​
132
----
133
### 列表 Lists
134
​
135
#### 无序列表（减号）Unordered Lists (-)
136
​
137
- 列表一
138
- 列表二
139
- 列表三
140
​
141
#### 无序列表（星号）Unordered Lists (*)
142
​
143
* 列表一
144
* 列表二
145
* 列表三
146
​
147
#### 无序列表（加号和嵌套）Unordered Lists (+)
148
+ 列表一
149
+ 列表二
150
    + 列表二-1
151
    + 列表二-2
152
    + 列表二-3
153
+ 列表三
154
    * 列表一
155
    * 列表二
156
    * 列表三
157
​
158
#### 有序列表 Ordered Lists (-)
159
​
160
1. 第一行
161
2. 第二行
162
3. 第三行
163
​
164
#### GFM task list
165
​
166
- [x] GFM task list 1
167
- [x] GFM task list 2
168
- [ ] GFM task list 3
169
    - [ ] GFM task list 3-1
170
    - [ ] GFM task list 3-2
171
    - [ ] GFM task list 3-3
172
- [ ] GFM task list 4
173
    - [ ] GFM task list 4-1
174
    - [ ] GFM task list 4-2
175
​
176
----
177
​
178
### 绘制表格 Tables
179
​
180
| 项目        | 价格   |  数量  |
181
| --------   | -----:  | :----:  |
182
| 计算机      | $1600   |   5     |
183
| 手机        |   $12   |   12   |
184
| 管线        |    $1    |  234  |
185
​
186
First Header  | Second Header
187
------------- | -------------
188
Content Cell  | Content Cell
189
Content Cell  | Content Cell
190
​
191
| First Header  | Second Header |
192
| ------------- | ------------- |
193
| Content Cell  | Content Cell  |
194
| Content Cell  | Content Cell  |
195
​
196
| Function name | Description                    |
197
| ------------- | ------------------------------ |
198
| `help()`      | Display the help window.       |
199
| `destroy()`   | **Destroy your computer!**     |
200
​
201
| Left-Aligned  | Center Aligned  | Right Aligned |
202
| :------------ |:---------------:| -----:|
203
| col 3 is      | some wordy text | $1600 |
204
| col 2 is      | centered        |   $12 |
205
| zebra stripes | are neat        |    $1 |
206
​
207
| Item      | Value |
208
| --------- | -----:|
209
| Computer  | $1600 |
210
| Phone     |   $12 |
211
| Pipe      |    $1 |
212
​
213
----
214
​
215
#### 特殊符号 HTML Entities Codes
216
​
217
&copy; &  &uml; &trade; &iexcl; &pound;
218
&amp; &lt; &gt; &yen; &euro; &reg; &plusmn; &para; &sect; &brvbar; &macr; &laquo; &middot;
219
​
220
X&sup2; Y&sup3; &frac34; &frac14;  &times;  &divide;   &raquo;
221
​
222
18&ordm;C  &quot;  &apos;
223
​
224
[========]
225
​
226
### Emoji表情 :smiley:
227
​
228
> Blockquotes :star:
229
​
230
#### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
231
​
232
- [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and <del>tags</del> supported :editormd-logo:;
233
- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
234
- [x] [ ] :smiley: this is a complete item :smiley:;
235
- [ ] []this is an incomplete item [test link](#) :fa-star: @pandao;
236
- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
237
    - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;
238
    - [ ] :smiley: this is  :fa-star: :fa-gear: an incomplete item [test link](#);
239
​
240
#### 反斜杠 Escape
241
​
242
\*literal asterisks\*
243
​
244
[========]
245
### 科学公式 TeX(KaTeX)
246
​
247
$$E=mc^2$$
248
​
249
行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。
250
​
251
$$x > y$$
252
​
253
$$\(\sqrt{3x-1}+(1+x)^2\)$$
254
​
255
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
256
​
257
多行公式：
258
​
259
```math
260
\displaystyle
261
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
262
\leq
263
\left( \sum\_{k=1}^n a\_k^2 \right)
264
\left( \sum\_{k=1}^n b\_k^2 \right)
265
```
266
```katex
267
\displaystyle
268
    \frac{1}{
269
        \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
270
        \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
271
        1+\frac{e^{-6\pi}}
272
        {1+\frac{e^{-8\pi}}
273
         {1+\cdots} }
274
        }
275
    }
276
```
277
```latex
278
f(x) = \int_{-\infty}^\infty
279
    \hat f(\xi)\,e^{2 \pi i \xi x}
280
    \,d\xi
281
```
282
### 分页符 Page break
283
​
284
> Print Test: Ctrl + P
285
​
286
[========]
287
​
288
### 绘制流程图 Flowchart
289
​
290
```flow
291
st=>start: 用户登陆
292
op=>operation: 登陆操作
293
cond=>condition: 登陆成功 Yes or No?
294
e=>end: 进入后台
295
​
296
st->op->cond
297
cond(yes)->e
298
cond(no)->op
299
```
300
[========]
301
​
302
### 绘制序列图 Sequence Diagram
303
​
304
```seq
305
Andrew->China: Says Hello
306
Note right of China: China thinks\nabout it
307
China-->Andrew: How are you?
308
Andrew->>China: I am good thanks!
309
```
310
### End
311
​

欢迎使用 Markdown在线编辑器 MarkdownEditor

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

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致敬。

Pandao editor.md

MdEditor的功能列表演示

标题H1

标题H2

标题H3

标题H4

标题H5
标题H5

字符效果和横线等

删除线 <s>删除线（开启识别HTML标签时）</s>

斜体字 斜体字

粗体 粗体

粗斜体 粗斜体

上标：X<sub>2</sub>，下标：O<sup>2</sup>

缩写(同HTML的abbr标签)

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

The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.

引用 Blockquotes

引用文本 Blockquotes

引用的行内混合 Blockquotes

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

锚点与链接 Links

普通链接
普通链接带标题
直接链接：http://www.txttool.com/
锚点链接

mailto:test.test@gmail.com
GFM a-tail link @pandao
邮箱地址自动链接 test.test@gmail.com www@vip.qq.com

@pandao

多语言代码高亮 Codes

行内代码 Inline code

执行命令：npm install marked

缩进风格

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

  1. <?php
  2.     echo "Hello world!";
  3. ?>

预格式化文本：

  1. | First Header  | Second Header |
  2. | ------------- | ------------- |
  3. | Content Cell  | Content Cell  |
  4. | Content Cell  | Content Cell  |

JS代码

  1. function test() {
  2.     console.log("Hello world!");
  3. }

HTML 代码 HTML codes

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <mate charest="utf-8" />
  5.         <meta name="keywords" content="Editor.md, Markdown, Editor" />
  6.         <title>Hello world!</title>
  7.         <style type="text/css">
  8.             body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
  9.             ul{list-style: none;}
  10.             img{border:none;vertical-align: middle;}
  11.         </style>
  12.     </head>
  13.     <body>
  14.         <h1 class="text-xxl">Hello world!</h1>
  15.         <p class="text-green">Plain text</p>
  16.     </body>
  17. </html>

图片 Images

图片加链接 (Image + Link)：

Follow your heart.

列表 Lists

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

  • 列表一
  • 列表二
  • 列表三

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

  • 列表一
  • 列表二
  • 列表三

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

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

有序列表 Ordered Lists (-)

  1. 第一行
  2. 第二行
  3. 第三行

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表情 :smiley:

Blockquotes :star:

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji

  • :smiley: @mentions, :smiley: #refs, links, formatting, and <del>tags</del> supported ;
  • list syntax required (any unordered or ordered list supported) ;
  • [ ] :smiley: this is a complete item :smiley:;
  • []this is an incomplete item test link @pandao;
  • [ ]this is an incomplete item ;

反斜杠 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

Created with Raphaël 2.1.2用户登陆登陆操作登陆成功 Yes or No?进入后台yesno

绘制序列图 Sequence Diagram

Created with Raphaël 2.1.2AndrewAndrewChinaChinaSays HelloChina thinksabout itHow are you?I am good thanks!

End
搜索/替换 搜索：按Ctrl+F / Command+F 替换：按Ctrl+Shift+F / Command+Option+F 全部替换：按Ctrl+Shift+R / Command+Option+R

Markdown编辑器

最新更新 文本换行符转空格 数组去重2 小学数学自动出题器 英语单词朗读 websocket测试工具 关键词分组工具 括号内容删除工具 汉字笔画查询工具 IP批量添加端口号 IP C段B段生成器
热门点击 通用违禁词查询工具 VCF手机号码通讯录生成批量导入工具 文本自动排版工具 多功能文本去重工具 文本行批量添加前后缀 英文金额大写转换工具 文本行右边批量增加字符串 日期间隔相差天数计算器 TXT文本列分割 文本去除重复|字符串去重工具
  1. 关于我们
  2. 联系我们
  3. 免责声明
  4. 用户隐私
 

Copyright © 2014 TXT文本处理工具 - 在线文本工具 All Rights Reserved
晋ICP备14006235号-16 晋公网安备 14108102000020号

执行时间: 0.092509031295776 seconds