Today i find this Open source online Markdown editor. by Pandao , in English and Chinese.
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)
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
- [x] GFM task list 1
- [x] 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:
- [x] :smiley: @mentions, :smiley: #refs, links, formatting, and
tagssupported :editormd-logo:; - [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
- [x] [ ] :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:;
###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!
nice post
followed you
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thankyou very mush, iam glad @hrsagar.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by hasan from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, and someguy123. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.
If you like what we're doing please upvote this comment so we can continue to build the community account that's supporting all members.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post received a 3.7% upvote from @randowhale thanks to @hdmed! For more information, click here!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
meep
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
meep????????
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
meep
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post has received a 0.43 % upvote from @booster thanks to: @hdmed.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
here some more info when to post to maximise the upvotes
https://steemit.com/steemit/@coupeborgward/when-to-post-to-get-the-maximum-numbers-of-upvotes---it-seems-between-1500--1700-utc--1501316379-824728
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
thankypou @coupeborgward
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
#cooltool
upvote & resteem
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit