前言

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

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

某些工具可以将 markdown 解析成这些平台兼容的 html,比如 mdnice

但对于已经发布的文章,而你又不是原文作者,你想转发或者借鉴一段时,排版问题也许又会让你挠头不已。要是有一款兼容各大平台的 html 的转换器该多好呀!

基于此问题,我们调研了一些 html 转 markdown 工具,实际用起来发现效果并不尽人意,所以我们自己开发了 sitdown

用法

非开发环境

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

448f9876e37226762951d9834722ec3a.png
  1. 将源 html 粘贴到左边的输入框中。

75abb88afed6870b7c27c90690c0090a.png
  1. 选择 html 来源的平台。

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

866d6e75706f01c39377b0aa2926e4c5.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,可以使用插件

例如:

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

搭配 mdnice 使用

mdnice,是一款 markdown 转 html 的神器。markdown 经过它的转换,可以生成各种主题的微信 html 和知乎 html。

3ac27eeb5442d4534382c0196e164d75.png

它直接集成了 sitdown:

cfe13d1973685fd9d3809ef0802b58cb.png

b4e80dc2b04937d61b13b9fefc20c1a6.png

结语

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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐