Thinker-md编辑器,支持Markdown标准,极致的编辑体验,支持草稿保存,全屏编辑。
支持Markdown标准和Github风格;
编辑内容实时保存,刷新页面不会丢失;
支持实时预览、图片(跨域)上传;
支持MarkdownToHtml,HtmlToMarkdown双向解析;
支持emoji表情;
支持流程图与序列图;
多语言语法高亮;
可全屏可缩小,全屏编辑体验佳;
国际化支持;
极致的在线代码编写体验
进入thinker-md根目录,执行如下命令(2016.03.30更新加入了新依赖,请更新后再执行一次):
npm install
grunt watch
编译后会生成如下目录
dist
----javascript
----|----user
----|----|----thinker-md-user.js
----|----|----thinker-md-user.min.js
----|----|----thinker-md-user.min.map
----|----vendor
----|----|----jquery-2.1.3.js
----|----|----thinker-md.js
----|----|----thinker-md.min.js
----|----|----thinker-md.min.map
----stylesheets
----|----fonts
----|----|----fontawesome-webfont.eot
----|----|----glyphicons-halflings-regular.eot
----|----|----...
----|----img
----|----user
----|----|----thinker-md.user.min.css
----|----vendor
----|----|----thinker-md.min.css
thinker-md 依赖jquery库。推荐使用最新版jquery 1.x或者2.x
页面引入
参照/view/index.html和/view/develop.html
index.html默认引用编译之后的js和css资源。
如果需要定制thinker-md,你需要按照 开发者指南 步骤执行命令,切换到develop.html。所有资源的修改会自动生成到dist目录下。
推广ES6(ES2015):我们强烈建议您修改bootstrap-markdown-es6.js而非bootstrap-markdown.js,您可以在里面使用ES6标准的JavaScript来进行编码。代码将被编译为ES5标准代码的bootstrap-markdown.js,因此您无需担心兼容性问题。
$("#md").markdown({
language: 'zh',
fullscreen: {
enable: true
},
resize:'vertical',
localStorage:'md',
imgurl: 'http://192.168.1.142:8080/upload',
base64url: 'http://192.168.1.142:8080/base64'
});
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com