想要自己实现markdown编辑器,欲使用markdown-it作为编辑器,有着比较多的插件,可以实现代码高亮以及对数学公式转换等功能。

// Activate/deactivate rules, with curring
var md = require('markdown-it')()
.disable([ 'link', 'image' ])
.enable([ 'link' ])
.enable('image'); // Enable everything
md = require('markdown-it')({
html: true,
linkify: true,
typographer: true,
});

插件加载方式

var md = require('markdown-it')()
.use(plugin1)
.use(plugin2, opts, ...)
.use(plugin3);

代码高亮

var hljs = require('highlight.js'); // https://highlightjs.org/

// Actual default values
var md = require('markdown-it')({
highlight: function (str, lang) {
if (lang && hljs.getLanguage(lang)) {
try {
return hljs.highlight(lang, str).value;
} catch (__) {}
} return ''; // use external default escaping
}
});

Tex数学公式markdown-it-mathjax

var md = require('markdown-it')()
.use(require('markdown-it-mathjax')()); md.render('$1 *2* 3$') // => '<p>\(1 *2* 3\)</p>'

最新文章

  1. HelloX操作系统与中国移动OneNET物联网平台成功完成对接
  2. 注解&#160;@Resource与@Autowired与@Component的使用
  3. Unity 2D 跑酷道路动起来
  4. 微信小程序,超能装的实例教程
  5. 探究PHP底层
  6. wpf-X名称空间Attribute
  7. (10)Python函数
  8. 步步为营-54-DOM
  9. oracle服务器重启后无法进入系统,登录系统时提示model is unknow
  10. python的杨辉三角
  11. 使用Axure RP原型设计实践08,制作圆角文本框
  12. DataSet转化为实体类【转】
  13. Python面试基础篇
  14. xcode6 新建项目真机调试无法全屏
  15. vb 导出excel生成图表统计
  16. Pycharm使用Git
  17. Package.json中dependencies依赖包中^符号和~符号前缀的区别
  18. Unity射线
  19. linux云主机小技巧
  20. 简易解析ajax,javascript-XMLHttpRequest

热门文章

  1. Docker应用一:docker介绍
  2. group by实现原理及其作用
  3. jquery 格式化数字字符串(小数位)
  4. 完美解决github访问速度慢
  5. CF&amp;&amp;CC百套计划1 Codeforces Round #449 A. Nephren gives a riddle
  6. 2015/12/12 考了PAT,又回来玩Python了。
  7. activity 中获取控件的宽高
  8. TensorFlow在win10上的安装与使用(三)
  9. nginx安装Lets Encrypt SSL免费HTTPS加密证书
  10. VUE和ES6资源收集