html转markdown_转发文章 Markdown 重排版开源工具——SitDown

  • SitDown 是 html 转 markdown 神器,支持微信公众号和知乎等众多平台。
  • 完美支持公式、图片、脚注和GFM语法转回,支持自定义。

开发者和文章作者:LinFeng1997
体验地址,欢迎Star:https://github.com/mdnice/sitdown

前言

markdown 是一款非常强大且语法简洁的标记语言。我们(特别是技术人员)更加青睐它,用它来写文档、博客、文章等。

有些平台,比如掘金、CSDN,技术人员使用较多,所以他们的编辑器支持 markdown,而有的平台,例如微信、知乎,则对 markdown 用户不太友好。

某些工具可以将 markdown 解析成这些平台兼容的 html,比如 Markdown Nice[1]

但对于已经发布的文章,而你又不是原文作者,你想转发或者借鉴一段时,排版问题也许又会让你坐立不安。

我们调研了一些 html 转 markdown 工具,实际用起来发现效果并不尽人意,所以我们自己开发了 SitDown[2] ,能够兼容各大平台的 html 的转换。

顾名思义:转发文章 Markdown 重排版,坐立不安?请 SitDown!

用法

非开发环境

如果你只是想快速达成目的,可以直接进入我们的 Demo 页[3]

9c6b4a1dc0a2ad98a7dd00a45a4887c5.png
  1. 将源 html 粘贴到左边的输入框中。52217ebfefc4977cc085a26b0cfab74d.png

  2. 选择 html 来源的平台。145ec516979dd4a1b836b4cf0a8b7bec.png

  3. 点击 transform。转换的 markdown 就生成在了右边的框中,并同时复制到了你的剪贴板。3f7ca25575f9de68bf50a89d83856551.png

开发环境

// Node
var { Sitdown } = require('sitdown')

var sitdown = new Sitdown()
var markdown = sitdown.HTMLToMD('你的 html')
// ES
import { Sitdown } from 'sitdown/src.esm'

var sitdown = new Sitdown()
var markdown = sitdown.HTMLToMD('你的 html')

如果想转换某个平台的 html,可以使用插件[4]

例如:

import { Sitdown } from 'sitdown/src.esm';
import { applyJuejinRule } from '@sitdown/juejin/src.esm';

let sitdown = new Sitdown({
keepFilter: ['style'],
codeBlockStyle: 'fenced',
bulletListMarker: '-',
hr: '---',
});
sitdown.use(applyJuejinRule);

搭配 Markdown Nice 使用

Markdown Nice:https://mdnice.com,是一款 markdown 转 html 的神器。markdown 经过它的转换,可以生成各种主题的微信 html 和知乎 html。36a8ba77a2b74f782293e527d674513d.png

它直接集成了 SitDown:6de9f378fb1e305b1ef0284f5f115dc5.png

4e8c3150af37fca0e6b2aaf5fbc4ca8c.png

结语

本库也是借鉴了开源界的思想和某些代码库,在一些细节上还需要完善和改进。所以也是 MIT 协议,如果大家对 mdnice 社区相关项目有兴趣,欢迎提供 pr 贡献。

e8157d8d30cca93d2db6608c6a95e842.png

参考资料

[1]

Markdown Nice: https://mdnice.com/

[2]

SitDown: https://sitdown.mdnice.com/zh-hans/

[3]

Demo 页: https://sitdown.mdnice.com/Demo.html

[4]

插件: https://sitdown.mdnice.com/zh-hans/%E6%8F%92%E4%BB%B6.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值