一个免费的开源的html转markdown语法的工具

待兔 等级 830 4 3

一个免费的开源的html转markdown语法的工具

大家好,我是待兔,今天为大家分享一个由 www.helloworld.net 网站开发并开源的一个非常好用的工具 html2md 现在好的技术文章确实多,每天各种技术群里,各种技术社区,有很多质量非常好的技术文章,于是我们就收藏了,可是问题来了,我们收藏到哪呢?

怎么收藏呢?

  1. 微信群里发的文章,我们可以收藏
  2. csdn中的技术文章我们也可以注册一个账号收藏
  3. helloworld.net技术社区里面的文章再注册一个账号收藏 可是技术社区好多呢,每个社区都要注册一个账号,收藏也是可以的,只不过不方便我们统一的管理,实在是不方便,当然也有人用浏览器的收藏夹去收藏,比如我就是这样做的,可是我们程序员大部分用的还是chrome浏览器,所以问题来了,chrome浏览器登录账号,必须要会科学上网,也是很麻烦

最可气的是,我收藏的文章,可能过了10天后,作者把这个文章删除了,我真是。。。。。无语了。。。。

所以,helloworld.net的创始人之一水手花了一个周末的时间,开发了一款这样的小工具,使用很简单,代码也很简单,并且将其开源了出去,非常的好用 而且helloworld.net也提供了官方的链接,html2md转换工具 大家可以试用

github地址呢?

html2md已经开源并托管在github上 地址: https://github.com/helloworld-Co/html2md

是用什么语言开发的?

javascript 开发的,具体是用vue框架开发的,做前端开发的小伙伴们恭喜了

主要使用以下技术栈

  • vue 前端三剑客之一,主张最少,具有高度灵活性的渐进式框架
  • nuxt 通过利用 Vue.js 和 Node.js最佳实践来构建高性能应用程序
  • express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架
  • element-ui 宇宙第一 Vue 第三方组件库,有不服?
  • js-dom 一款可在 Node 环境下模拟浏览器的 API 的库
  • turndown 使用 JavaScript 将 HTML 转换为 Markdown
  • axios 易用、简洁且高效的 http库,支持浏览器和 Node 环境。
  • mavon-editor 一款基于 Vue 的 markdown 编辑器,支持所见即所得
  • sass 强大的 Css 预处理器之一

使用教程,如下图

一个免费的开源的html转markdown语法的工具

也可以下载源码编译直接可以跑起来的

具体步骤如下:

第一步:下载

git clone git@github.com:helloworld-Co/html2md.git
cd ./html2md

第二步:安装

npm install
或者
yarn install

第三步:启动

npm run dev
或者
yarn dev

是不是很简单,由于时仓促,代码难免有bug,欢迎提出,我们随时修改

html2md只是www.helloworld.net官方开源的一个小工具,后续我们还会开发出其它的有用的工具或者一些软件,做一个真正为程序员着想的开发者社区

技术交流请关注以下公众号

一个免费的开源的html转markdown语法的工具

收藏
评论区

相关推荐

练习父组件调用子组件方法----发表评论案例
<DOCTYPE html <html lang"en" <head <meta ch
【Typora】Typora 完全使用详解
<font color"FF0000"Matrix 精选</font Matrix(https://sspai.com/matrix) 是少数派的写作社区
ajax调接口处理表格(easyExcel)
ajax调接口处理表格 show you my codes. 页面新增按钮 html <DOCTYPE html <html lang"en" <head <meta httpequiv"ContentType" content"text/html; charsetGB2312"/ <title中登网信息导入</title <
一个免费的开源的html转markdown语法的工具
一个免费的开源的html转markdown语法的工具 大家好,我是待兔,今天为大家分享一个由 www.helloworld.net 网站开发并开源的一个非常好用的工具 html2md 现在好的技术文章确实多,每天各种技术群里,各种技术社区,有很多质量非常好的技术文章,于是我们就收藏了,可是问题来了,我们收藏到哪呢? 怎么收藏呢? 1. 微信群里发的文
容易被忽略的5个HTML技巧
对于所有 Web 开发人员来说,无论你选择的是哪种框架或后端语言,都需要大量使用 HTML(超文本标记语言)。 各种框架和编程语言可能会此消彼长,但 HTML 永不会过时。只是,就算 HTML 的应用如此广泛,这种语言中还是有不少多数开发人员都不了解的标签和属性。 而且,尽管市面上有各种模板引擎(例如 Pug)可用,但你仍然需要对 HTML 和 CSS
去掉字符串中的html标签
有些时候只需要获取到字符串中的文字内容,不需要html标签,用以下代码实现 //去掉字符串中标签 content content.replace(/<.?/g, '').replace(/&nbsp;/ig, '').replace(/\s/ig, '')
Markdown基础语法学习
Markdown学习 标题 三级标题 : +空格+标题 四级标题: +空格+标题 一级、二级以此类推(最多六级) 字体样式hello world &nbsp;&nbsp;斜体:&nbsp; hello world (注意星号和单词之间是没有空格的,下同)hello world&nbsp;&nbsp;加粗:&nbsp;&nbsp; hello wor
SimpleMarkDown编辑器离线版以及桌面应用版上线
之前,我们开发了。今天,我们又推出了离线版和桌面应用版。 主要功能:1. 页面简约; 2. 实时保存; 3. 一键清空内容; 4. 支持微信公众号、知乎、稀土掘金、CSDN等多个平台; 5. 可复制HTMl格式文本; 6. 可复制MarkDown格式文本; 7. 可下载为MarkDown文件;
我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)
前言之前,一直想开发一款属于自己的Markdown编辑器,主要是自己平常写文章可以更加灵活操作,另外扩宽自己的视野也是非常不错的选择啊!所以在周末就决定玩耍一番。首先我调研了很多线上热门的md编辑器,都很优秀。不为超过他们,主要自己用着舒服点。这篇文章主要是记录下我是如何从0到1是完成一款还算拿得出手的Markdown编辑器。完成项目一览调研Markdown
markdwon常用语法
什么是markdwon?Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdow
60行Python代码开发在线markdown编辑器
本文转载自公众号【python大数据分析】,详情可以点击上方卡片,关注该公众号,获取更多好文推荐。 ❝ 本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes ❞1 简介这是我的系列教程「Python+Dash快速web应用开发」的第六期,在上一期的文章中,我们完成了对
知乎文章转Markdown的艰辛历程
好吧,让我们从头说起。众所不周知,我有了我自己的博客,于是就想把我的知乎内容同步到博客上去(目前还空空如也)。但是,出于能犯懒就犯懒的原则,我决定做一个自动化程序,自动将知乎上的文章转换成Markdown食用。嗯……结果还挺满意的,就是好像时间耗费的长了一点(三个月啊,中间搁置了两个月零30天)。。总之,我Python爬虫,成功构建了一个知乎2MD全自动转换
MyBatis-Plus
一、MyBatisPlus本文转自 https://www.cnblogs.com/lyh/p/12859477.html,如有侵权,请联系删除。 1、简介  MyBatisPlus 是一个 Mybatis 增强版工具,在 MyBatis 上扩充了其他功能没有改变其基本功能,为了简化开发提交效率而存在。官网文档地址:   https://mp.baomid
JAVA回调机制(CallBack)之小红是怎样买到房子的??
JAVA回调机制CallBack 序言最近学习java,接触到了回调机制(CallBack)。初识时感觉比较混乱,而且在网上搜索到的相关的讲解,要么一言带过,要么说的比较单纯的像是给CallBack做了一个定义。当然了,我在理解了回调之后,再去看网上的各种讲解,确实没什么问题。但是,对于初学的我来说,缺了一个循序渐进的过程。此处,将我对回调机制的个人理解,按
Vue引入mavon-editor插件实现markdown功能
Vue引入mavoneditor插件实现markdown功能说明 mavoneditor是一款基于Vue的markdown编辑器,因为当前项目是采用Nuxt,所以这里所展示的教程是针对Nuxt引入mavoneditor插件,如果你只是采用了Vue,没有用Nuxt框架,那么你可以看mavoneditor官方文档,有详细说明,其实它们只有在引入mavonedit