【开源】2md:将复制的内容、网页转成 markdown
时间:2022-04-25
本文章向大家介绍【开源】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 截图
一如即往的,保持了简洁的风格。并且,它的代码也足够的简单:
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 来显示代码》
- [复习]The C Programming Language 2nd 习题集(1.1-1.10)
- 数据结构C#版笔记--啥夫曼树(Huffman Tree)与啥夫曼编码(Huffman Encoding)
- “单播”、“组播”和“多播”
- flash player10.1 + FMS4中的p2p功能
- fms4 p2p:图片分享
- 老域名新用的优缺点分析
- 不用临时变量,交换二个整型变量的值
- monoTouch开发(1):win7 + vmware下安装mac os
- 数据结构C#版笔记--队列(Quene)
- 数据结构C#版笔记--堆栈(Stack)
- MySQL基础入门-第一课 新建数据库(linux版本)
- 2017年度最不安全密码报告,看看你的密码安全吗?
- 数据结构C#版笔记--顺序表(SeqList)
- 数据结构C#版笔记--单链表(LinkList)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法