Template Title

更新时间 1/1/1997

如下内容为示例 Markdown(来源于 Editor.md)

H2

  1. Support Standard Markdown / CommonMark and GFM(GitHub Flavored Markdown);
  2. 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.

Features

  • 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)

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).

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

Code Blocks (Preformatted text):

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

Javascript

1function test(){
2 console.log("Hello world!");
3}
4 
5(function(){
6    var box = function(){
7        return box.fn.init();
8    };
9
10    box.prototype = box.fn = {
11        init : function(){
12            console.log('box.init()');
13
14   return this;
15        },
16
17  add : function(str){
18   alert("add", str);
19
20   return this;
21  },
22
23  remove : function(str){
24   alert("remove", str);
25
26   return this;
27  }
28    };
29    
30    box.fn.init.prototype = box.fn;
31    
32    window.box =box;
33})();
34
35var testBox = box();
36testBox.add("jQuery").remove("jQuery");

HTML code

1<!DOCTYPE html>
2<html>
3    <head>
4        <mate charest="utf-8" />
5        <title>Hello world!</title>
6    </head>
7    <body>
8        <h1>Hello world!</h1>
9    </body>
10</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

  1. Item A
  2. Item B
  3. Item C

Tables

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
Function nameDescription
help()Display the help window.
destroy()Destroy your computer!
ItemValue
Computer$1600
Phone$12
Pipe$1
Left-AlignedCenter AlignedRight Aligned
col 3 issome wordy text$1600
col 2 iscentered$12
zebra stripesare 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)

$$E=mc^2$$

Inline $$E=mc^2$$ Inline,Inline $$E=mc^2$$ Inline。

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

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

FlowChart

1st=>start: Login
2op=>operation: Login operation
3cond=>condition: Successful Yes or No?
4e=>end: To admin
5
6st->op->cond
7cond(yes)->e
8cond(no)->op

Sequence Diagram

1Andrew->China: Says Hello 
2Note right of China: China thinks\nabout it 
3China-->Andrew: How are you? 
4Andrew->>China: I am good thanks!

End

微信咨询

获取方案