文本编辑器如何集成Markdown?

本人在开发一个博客网站,在添加文章时用到了Bootstrap-wysiwyg这样的一个文本编辑器。问:类似像Bootstrap-wysiwyg那样的文本编辑器,如何集成Markdown?要求集成之后在编辑器输入框里可以支持Markdown的语法。

阅读 10.6k
11 个回答

有两个Javascript Library 你可以用来处理Mardown

markdown.js https://github.com/mengfeng/zths/blob/master/js/markdown.js
to-markdown.js https://github.com/mengfeng/zths/blob/master/js/to-markdown.js

类似的用法:

var htmltomarkdown=function(html){
    //toMarkdown is defined in to-mardown.js
    //console.log(html);
    return toMarkdown(html);
};

var markdowntohtml=function(text){
    //markdown is defined in markdown.js
    //console.log(text);
    var html=markdown.toHTML(text);
    //console.log(html);
    return html;
};

建议直接找一个 markdown 编辑器来用。
如果要用所见即所得的编辑器写 markdown 你要保证它不会直接把你写的东西转成html。
然后把编辑器输入框里的 md 文本传给后端做解析转成html即可。

google: web online markdown editor,太多了,比较有名的下面算一个

http://dillinger.io

直接问一下 segmentfault.com 官方吧,他们这个回复就支持 Markdown。但是比较悲剧的是不支持@(疑似未證實的原創研究)。就改进啊。

建议直接找一个 markdown 编辑器来用。
如果要用所见即所得的编辑器写 markdown 你要保证它不会直接把你写的东西转成html。 然后把编辑器输入框里的 md 文本传给后端做解析转成html即可。www.szbcase.com www.chinazote.com www.benhuo.com www.szpeekban.com

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题