前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【开源】2md:将复制的内容、网页转成 markdown

【开源】2md:将复制的内容、网页转成 markdown

作者头像
Phodal
发布2018-01-29 13:38:37
5.7K0
发布2018-01-29 13:38:37
举报
文章被收录于专栏:phodalphodal

如果一个 Markdown 编辑器不能解决问题,那么就用两个编辑器。

作为一个作者、程序员,兼知名的 markdown 程序员,我总是要在 Markdown、HTML、PDF 各种格式之间进行转换。

因为日常工作的一些使用需要,我也创建了各种的轮子:

ebook-boilerplate 基于 markdown 一步生成电子书: 支持PDF、Mobi、EPUB格式。

如 MDPub,用于微信公众号的 markdown 编辑器,主要是用于提供代码高亮:

MDPub 截图

今天,我修复一个 MDPub 的 bug 时,突然意识到我也有将一篇文章转为 Markdown 的需要。

2md

以前,当我需要将 HTML 转为 Markdown 的时候,我会使用 to-markdown 的 Demo 网页,来转换相应的 HTML 为 Markdown。可是,这意味着我需要我复制到 HTML,才能转为 Markdown。

因此,我便想着:如果可以直接用鼠标选中,然后 Ctrl + C、Ctrl + V 的话,就更简单了。

而,实际上,我只需要一个 WYSIWYG 编辑器,然后再将内容转为 Markdown 就可以了。

因此,就有了 2md:

2MD 截图

一如即往的,保持了简洁的风格。并且,它的代码也足够的简单:

代码语言:javascript
复制
  tinymce.init({    selector: 'textarea#input',    height: 500,    menubar: false,    statusbar: false,    toolbar: ['code'],    plugins: [      'advlist autolink lists link image charmap print preview anchor',      'searchreplace visualblocks code fullscreen',      'insertdatetime media table contextmenu paste code'    ],    setup: function (editor) {      editor.on('change', function (e) {        var content = tinymce.get('input').getContent();        var md = toMarkdown(content);        $("#output").val(md);      });    }  });  $('document').ready(function () {    new Clipboard('.btn');  });

而,我们所做的便是从网页,或者编辑器里直接复制内容,粘贴到左侧的编辑器里:

如 MacDown

2MD MacDown

又或者是直接对网页进行复制:

2MD WebSite

说了,这么多,你要来试试吗?

GitHub: https://github.com/phodal/2md

相关文章:

我的第四款编辑器:微信公众号上使用 Markdown 来显示代码

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-04-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 phodal 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 2md
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档