主要特性
支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器； 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能； 支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法； 支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram; 支持识别和解析HTML标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性； 支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件； 兼容主流的浏览器（IE8+）和Zepto.js，且支持iPad等平板设备； 支持自定义主题样式； Editor.md
目录 (Table of Contents)
Editor.md
目录 (Table of Contents)
[TOCM]
[TOC]
Heading 1Heading 2
Heading 3
Heading 4 Heading 5 Heading 6 Heading 1 link Heading linkHeading 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 标题（用底线的形式）Heading (underline) This is an H1This is an H2
字符效果和横线等
删除线 删除线（开启识别HTML标签时）
斜体字 斜体字
粗体 粗体 粗斜体 粗斜体上标：X2，下标：O2
缩写(同HTML的abbr标签)
即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
The HTML specification is maintained by the W3C.
引用 Blockquotes
引用文本 Blockquotes
引用的行内混合 Blockquotes
引用：如果想要插入空白换行即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
锚点与链接 Links
普通链接
普通链接带标题
直接链接：https://github.com
锚点链接
mailto:test.test@gmail.com
GFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
@pandao
多语言代码高亮 Codes
行内代码 Inline code执行命令：npm install marked
缩进风格即缩进四个空格，也做为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。
<?php echo “Hello world!”; ?>预格式化文本：
| First Header | Second Header | | ————- | ————- | | Content Cell | Content Cell | | Content Cell | Content Cell | JS代码 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 代码 HTML codes
<!DOCTYPE html>
<html>
<head>
<mate charest=”utf-8″ />
<meta name=”keywords” content=”Editor.md, Markdown, Editor” />
<title>Hello world!</title>
<style type=”text/css”>
body{font-size:14px;color:#444;font-family: “Microsoft Yahei”, Tahoma, “Hiragino Sans GB”, Arial;background:#fff;}
ul{list-style: none;}
img{border:none;vertical-align: middle;}
</style>
</head>
<body>
<h1 class=”text-xxl”>Hello world!</h1>
<p class=”text-green”>Plain text</p>
</body>
</html>
图片 Images
Image:
Follow your heart.
图为：厦门白城沙滩
图片加链接 (Image + Link)：
图为：李健首张专辑《似水流年》封面
列表 Lists
无序列表（减号）Unordered Lists (-) 列表一 列表二 列表三 无序列表（星号）Unordered Lists (*) 列表一 列表二 列表三 无序列表（加号和嵌套）Unordered Lists (+) 列表一 列表二 列表二-1 列表二-2 列表二-3 列表三 列表一 列表二 列表三 有序列表 Ordered Lists (-) 第一行 第二行 第三行 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绘制表格 Tables
项目 价格 数量 计算机 $1600 5 手机 $12 12 管线 $1 234 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! Left-Aligned Center Aligned Right Aligned col 3 is some wordy text $1600 col 2 is centered $12 zebra stripes are neat $1 Item Value Computer $1600 Phone $12 Pipe $1 特殊符号 HTML Entities Codes© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·X² Y³ ¾ ¼ × ÷ »
18ºC ”
[========]
Emoji表情 :smiley:
Blockquotes :star:
GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x: [x] :smiley: @mentions, :smiley: #refs, [links](), formatting, and tags supported :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:; [ ] :smiley: this is an incomplete item test link :fa-star: :fa-gear:; [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item test link; 反斜杠 Escape*literal asterisks*
[========]
科学公式 TeX(KaTeX)
$$E=mc^2$$
行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。
$$x > y$$
$$(\sqrt{3x-1}+(1+x)^2)$$
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
多行公式：
\displaystyle \left( \sum\_{k=1}^n a\_k b\_k \right)^2 \leq \left( \sum\_{k=1}^n a\_k^2 \right) \left( \sum\_{k=1}^n b\_k^2 \right) \displaystyle \frac{1}{ \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{ \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} { 1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } } f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi分页符 Page break
Print Test: Ctrl + P
[========]
绘制流程图 Flowchart
st=>start: 用户登陆 op=>operation: 登陆操作 cond=>condition: 登陆成功 Yes or No? e=>end: 进入后台 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
免责声明：文章内容来自互联网，本站不对其真实性负责，也不承担任何法律责任，如有侵权等情况，请与本站联系删除。
转载请注明出处：HMDI2.2支持4K https://www.yhzz.com.cn/a/20488.html