- Support Standard Markdown / CommonMark and GFM(GitHub Flavored Markdown);
- Full-featured: Real-time Preview, Image (cross-domain) upload, Preformatted text/Code blocks/Tables insert, Code fold, Search replace, Read only, Themes, Multi-languages, L18n, HTML entities, Code syntax highlighting...;
- Markdown Extras : Support ToC (Table of Contents), Emoji, Task lists, @Links...;
- Compatible with all major browsers (IE8+), compatible Zepto.js and iPad;
- Support identification, interpretation, fliter of the HTML tags;
- Support TeX (LaTeX expressions, Based on KaTeX), Flowchart and Sequence Diagram of Markdown extended syntax;
- Support AMD/CMD (Require.js & Sea.js) Module Loader, and Custom/define editor plugins;
Table of Contents
[TOCM]
[TOC]
#H1 header ##H2 header ###H3 header ####H4 header #####H5 header ######H6 header #Heading 1 link Heading link ##Heading 2 link Heading link ###Heading 3 link Heading link ####Heading 4 link Heading link Heading link Heading link #####Heading 5 link Heading link ######Heading 6 link Heading link
##Headers (Underline)
###Characters
Strikethrough Strikethrough (when enable html tag decode.)
Italic Italic
Emphasis Emphasis
Emphasis Italic Emphasis Italic
Superscript: X2，Subscript: O2
Abbreviation(link HTML abbr tag)
The HTML specification is maintained by the W3C.
###Blockquotes
Blockquotes
Paragraphs and Line Breaks
"Blockquotes Blockquotes", Link。
###Links
<link> : https://github.com
GFM a-tail link @pandao
###Code Blocks (multi-language) & highlighting
####Inline code
$ npm install marked
####Code Blocks (Indented style)
Indented 4 spaces, like <pre> (Preformatted Text).
<?php
echo "Hello world!";
?>
Code Blocks (Preformatted text):
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
####Javascript
function test(){
console.log("Hello world!");
}
(function(){
var box = function(){
return box.fn.init();
};
box.prototype = box.fn = {
init : function(){
console.log('box.init()');
return this;
},
add : function(str){
alert("add", str);
return this;
},
remove : function(str){
alert("remove", str);
return this;
}
};
box.fn.init.prototype = box.fn;
window.box =box;
})();
var testBox = box();
testBox.add("jQuery").remove("jQuery");####HTML code
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<title>Hello world!</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>###Images
Image:
Follow your heart.
图为：厦门白城沙滩 Xiamen
图片加链接 (Image + Link)：
图为：李健首张专辑《似水流年》封面
###Lists
####Unordered list (-)
- Item A
- Item B
- Item C
####Unordered list (*)
- Item A
- Item B
- Item C
####Unordered list (plus sign and nested)
- Item A
- Item B
- Item B 1
- Item B 2
- Item B 3
- Item C
- Item C 1
- Item C 2
- Item C 3
####Ordered list
- Item A
- Item B
- Item C
###Tables
| 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! |
| Item | Value |
|---|---|
| Computer | $1600 |
| Phone | $12 |
| Pipe | $1 |
| Left-Aligned | Center Aligned | Right Aligned |
|---|---|---|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
####HTML entities
© & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '
##Escaping for Special Characters
*literal asterisks*
##Markdown extras
###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
###Emoji mixed 😃
Blockquotes ⭐
####GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
- 😃 @mentions, 😃 #refs, links, formatting, and
tagssupported :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:;
###TeX(LaTeX)
Inline
###FlowChart
st=>start: Login
op=>operation: Login operation
cond=>condition: Successful Yes or No?
e=>end: To admin
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