Skip to main content

markdown test

·688 words·4 mins· ·

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

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

html>
    head>
        mate charest="utf-8" />
        title>Hello world!title>
    head>
    body>
        h1>Hello world!h1>
    body>
html>

###Images Image:

Image

Follow your heart.

Image

图为:厦门白城沙滩 Xiamen 图片加链接 (Image + Link):

Image

图为:李健首张专辑《似水流年》封面
#

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

{{ emojify “✌️” }} ⭐ 🐰 🌿 🎷 🍕 🌅 🚗 ###End