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

优采云 发布时间: 2022-05-12 01:56

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

  如果一个 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 截图

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

  <p>  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');

    });</p>

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

  如 MacDown

  

  2MD MacDown

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

  

  2MD WebSite

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

  GitHub:

  相关文章:

  《》

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线