GFM

Iskak Dev

3 September 2026, 07:17

Iskak Dev

3 September 2026, 07:17

ContentPeople5CommentsCitationsAttributes0

Features

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;

Editor.md

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)

H1 Header (Underline)

H2 Header (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

Links

Links with title

<link> : https://github.com

Reference link

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

Blockquotes :star:

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

:smiley: @mentions, :smiley: #refs, links, formatting, and tags supported :editormd-logo:;

list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;

[ ] :smiley: this is a complete item :smiley:;

[]this is an incomplete item test link :fa-star: @pandao;

[ ]this is an incomplete item :fa-star: :fa-gear:;

:smiley: this is an incomplete item test link :fa-star: :fa-gear:;

:smiley: this is :fa-star: :fa-gear: an incomplete item test link;

###TeX(LaTeX)

###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

Do you like what you are reading? Subscribe to receive updates.

Unsubscribe anytime