Attentionverse
Python playground
​x
1
### Hi, You can use this online markdown playground to Learn markdown formatting language!
2
​
3
### Features
4
​
5
- Support Standard Markdown / CommonMark and GFM(GitHub Flavored Markdown);
6
- 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...;
7
- Markdown Extras : Support ToC (Table of Contents), Emoji, Task lists, @Links...;
8
- Compatible with all major browsers (IE8+), compatible Zepto.js and iPad;
9
- Support identification, interpretation, fliter of the HTML tags;
10
- Support TeX (LaTeX expressions, Based on KaTeX), Flowchart and Sequence Diagram of Markdown extended syntax;
11
- Support AMD/CMD (Require.js & Sea.js) Module Loader, and Custom/define editor plugins;
12
​
13
# Editor.md
14
​
15
![](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png)
16
​
17
![](https://img.shields.io/github/stars/pandao/editor.md.svg) ![](https://img.shields.io/github/forks/pandao/editor.md.svg) ![](https://img.shields.io/github/tag/pandao/editor.md.svg) ![](https://img.shields.io/github/release/pandao/editor.md.svg) ![](https://img.shields.io/github/issues/pandao/editor.md.svg) ![](https://img.shields.io/bower/v/editor.md.svg)
18
​
19
​
20
**Table of Contents**
21
​
22
[TOCM]
23
​
24
[TOC]
25
​
26
#H1 header
27
##H2 header
28
###H3 header
29
####H4 header
30
#####H5 header
31
######H6 header
32
#Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link")

Hi, You can use this online markdown playground to Learn markdown formatting language!

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

Table of Contents

H1 header

H2 header

H3 header

H4 header

H5 header
H6 header

Heading 1 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 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　

  1. function test(){
  2.     console.log("Hello world!");
  3. }
  5. (function(){
  6.     var box = function(){
  7.         return box.fn.init();
  8.     };
  10.     box.prototype = box.fn = {
  11.         init : function(){
  12.             console.log('box.init()');
  14.             return this;
  15.         },
  17.         add : function(str){
  18.             alert("add", str);
  20.             return this;
  21.         },
  23.         remove : function(str){
  24.             alert("remove", str);
  26.             return this;
  27.         }
  28.     };
  30.     box.fn.init.prototype = box.fn;
  32.     window.box =box;
  33. })();
  35. var testBox = box();
  36. testBox.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 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

  • :smiley: @mentions, :smiley: #refs, links, formatting, and tags 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 ;

TeX(LaTeX)

E=mc2E=mc^2

Inline E=mc2E=mc^2 Inline，Inline E=mc2E=mc^2 Inline。

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

sin(α)θ=∑i=0n(xi+cos(f))\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))

FlowChart

Created with Raphaël 2.1.2LoginLogin operationSuccessful Yes or No?To adminyesno

Sequence Diagram

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

End