在线Markdown编辑器

说明

changelog(2019-06-30)

1. 优化了同步滚动
2. 预览patch更新
3. 优化了移动端的表现
4. 只需要下载一个额外的jar包放到编辑器根目录即可使用七牛云文件上传和h2数据库存储

下载

https://github.com/mhlx/markdown-editor/releases/latest

Github

https://github.com/mhlx/markdown-editor

文档

https://www.qyh.me/document/markdowneditor

支持的markdown语法

粗体

内容
内容

斜体

内容
内容

链接

link text
link text

图片

[外链图片转存失败(img-FZWplmjw-1562291636831)(https://www.qyh.me/image/dog/1CF5396B-CF07-474C-A0D9-46707571633A.jpeg/200 “狗肉”)]

段落

有序

1. one
2. two

无序

• A list item.
• bar

嵌套

• Abacus
  • anser
• Bubbles
  1. bunk
  2. bupkis
     • bar
  3. burper
• Cunning

引用

内容

水平线

---

---

---

表格

A	B	C
左对齐	居中对齐	右对齐

锚点

内容

脚注

Markdown¹

代码

public static void main(String [] args){}

public static void main(String [] args)
{
}

public static void main(String []args){
	 
}

KaTeX

通过KaTeX来渲染LaTex

Inline: $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$

Block:
$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

到这里了解更多

mermaid图表

流程图

时序图

甘特图

具体的使用方法请看这里

感谢

1. 使用CodeMirror作为编辑器
2. 使用fontawesome美化图标
3. 使用highlightjs高亮代码
4. 使用jQuery简化dom操作
5. 使用sweet2alert作为弹窗提醒
6. 使用markdown-it来渲染markdown
7. 使用jQuery File Upload来上传文件
8. 使用turndown将html转化为markdown
9. 使用mermaid渲染流程图、时序图以及甘特图
10. 使用morphdom来path更新预览
11. 使用katex渲染数学公式
12. 使用simplebar美化滚动条

---

1. 内容 ↩︎