文本编辑器如何集成Markdown?

发布于 2022-08-31 20:41:02 字数 132 浏览 24 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(11

×纯※雪 2022-09-07 20:41:02

有两个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;
};
半边脸i 2022-09-07 20:41:02

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

极度宠爱 2022-09-07 20:41:02

直接使用markdown来编辑,不是更好? https://github.com/jbt/markdown-editor

秋叶绚丽 2022-09-07 20:41:02

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

http://dillinger.io

贱人配狗天长地久 2022-09-07 20:41:02

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

梦萦几度 2022-09-07 20:41:02

http://vuejs.org/examples/

超简单的网页版 Markdown Editor

明媚如初 2022-09-07 20:41:02

我之前用过一个https://github.com/chjj/marked
不过不支持有序列表

梦魇绽荼蘼 2022-09-07 20:41:02

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

嘿看小鸭子会跑 2022-09-07 20:41:02

学习,我也一直在找一个简单的富文本框

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文