sitdown:一款 html 轉(zhuǎn) markdown 神器

前言

markdown 是一款非常強(qiáng)大且語(yǔ)法簡(jiǎn)潔的標(biāo)記語(yǔ)言。我們(特別是技術(shù)人員)更加青睞它,用它來(lái)寫文檔、博客、文章等。

有些平臺(tái),比如掘金、csdn,技術(shù)人員使用較多,所以他們的編輯器支持 markdown,而有的平臺(tái),例如微信、知乎,則對(duì) markdown 用戶不太友好。

某些工具可以將 markdown 解析成這些平臺(tái)兼容的 html,比如 mdnice。

但對(duì)于已經(jīng)發(fā)布的文章,而你又不是原文作者,你想轉(zhuǎn)發(fā)或者借鑒一段時(shí),排版問(wèn)題也許又會(huì)讓你撓頭不已。要是有一款兼容各大平臺(tái)的 html 的轉(zhuǎn)換器該多好呀!

基于此問(wèn)題,我們調(diào)研了一些 html 轉(zhuǎn) markdown 工具,實(shí)際用起來(lái)發(fā)現(xiàn)效果并不盡人意,所以我們自己開(kāi)發(fā)了 sitdown

用法

非開(kāi)發(fā)環(huán)境

如果你只是想快速達(dá)成目的,可以直接進(jìn)入我們的 Demo 頁(yè)。

  1. 將源 html 粘貼到左邊的輸入框中。


  2. 選擇 html 來(lái)源的平臺(tái)。


  3. 點(diǎn)擊 transform。轉(zhuǎn)換的 markdown 就生成在了右邊的框中,并同時(shí)復(fù)制到了你的剪貼板。


開(kāi)發(fā)環(huán)境

// 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')

如果想轉(zhuǎn)換某個(gè)平臺(tái)的 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 轉(zhuǎn) html 的神器。markdown 經(jīng)過(guò)它的轉(zhuǎn)換,可以生成各種主題的微信 html 和知乎 html。

它直接集成了 sitdown:


結(jié)語(yǔ)

本庫(kù)也是借鑒了開(kāi)源界的思想和某些代碼庫(kù),在一些細(xì)節(jié)上還需要完善和改進(jìn)。所以也是 MIT 協(xié)議,如果大家對(duì) mdnice 相關(guān)項(xiàng)目有興趣,歡迎提供 pr 貢獻(xiàn)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 想要和你一起 在某一個(gè)安靜的村落 一起享受黃昏與安寧 在這個(gè)地方的小路上 偶爾散落一些羊糞和花瓣 每一個(gè)人都質(zhì)樸平...
    生杏子閱讀 284評(píng)論 4 2
  • #尊重資本量級(jí)的差異# 在自我大腦升級(jí)迭代的過(guò)程中,如何對(duì)待資本量級(jí)間存在的差異: 1、不找借口 所謂找借口,就是...
    耿孝意閱讀 279評(píng)論 0 0
  • 從家鄉(xiāng)帶來(lái)一袋薯粉餃,正好家中熬了鍋雞湯,那就一起把它解決了吧! 薯粉餃,學(xué)名叫金粉餃子。它是用家鄉(xiāng)的紅...
    華雨滿天閱讀 518評(píng)論 0 0
  • 滴答聲入耳, 隔窗驚碎夢(mèng)。 心事何其重, 靜聞夜雨輕。 無(wú)力解憂思, 只身待天明。 前事莫相問(wèn), 回首已成空。 (...
    拾月初貳閱讀 279評(píng)論 2 5

友情鏈接更多精彩內(nèi)容