轻松记录您
灵感和创意

HTML内嵌Markdown编辑器

实现步骤
1、获取markdown的开源库,这里用的是开源项目showdown。
将showdown.min.js拷贝到项目中,需要的其他扩展可通过setOption(“扩展名”,true)去启动。

showdown: https://github.com/showdownjs/showdown
2、选择喜欢的Markdown样式,下载引用该css到自己的项目,还可以适当修改样式。

老师的https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2
少数派主题: https://cdn.sspai.com/sspai.css
Mweb主题: https://cdn.sspai.com/MWeb.css
Github主题: https://github.com/sindresorhus/github-markdown-css
typora主题合集下载: https://theme.typora.io/
3、按照showdown和选择的样式要求的格式来书写html文件。我这里用的是Github主题。
Github主题的使用方式:

未经允许不得转载:坚果云Markdown编辑器 » HTML内嵌Markdown编辑器
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍