首頁 > 繪畫

開源精選 – 超好用的微信Markdown編輯器推薦

作者:由 飛飛程式設計師 發表于 繪畫日期:2023-02-01

tools怎麼讀的

每次寫微信公眾號時都為排版發愁,特別是技術類的文章,總是想著怎麼才能使文章更好看,讀者更願意讀,終於讓我發現有個開源的微信markdown編輯,瞬間就愛上了。

專案介紹

本專案基於 wechat-format 進行二次開發,感謝 lyricat 的創意和貢獻!

Markdown 文件自動即時渲染為微信圖文,讓你不再為微信文章排版而發愁!只要你會基本的 Markdown 語法,就能做出一篇樣式簡潔而又美觀大方的微信圖文。

功能特性

支援自定義 CSS 樣式

支援 Markdown 所有基礎語法

支援淺色、暗黑兩種主題模式

支援 Ctrl + F 快速格式化文件

支援色盤取色,快速替換文章整體色調

支援多圖上傳,可自定義配置圖床

支援自定義上傳邏輯

支援在編輯框右鍵彈出功能選項卡

支援批次轉換本地圖片為線上圖片

支援圖床

開源精選 – 超好用的微信Markdown編輯器推薦

自定義上傳邏輯

在工具上沒有提供預定義圖床的情況下,你只需要自定義上傳邏輯即可,這對於例如你不方便使用公共圖床,而是使用自己的上傳服務時非常有用。

你只需要在給定的函式中更改上傳程式碼即可,為了方便,這個函式提供了可能使用的一些引數:

示例程式碼:

const { file, util, okCb, errCb } = CUSTOM_ARG;

const param = new FormData();

param。append(“file”, file);

util。axios

。post(“http://127。0。0。1:9000/upload”, param, {

headers: { “Content-Type”: “multipart/form-data” },

})

。then((res) => {

okCb(res。url);

})

。catch((err) => {

errCb(err);

});

// 提供的可用引數:

// CUSTOM_ARG = {

// content, // 待上傳圖片的 base64

// file, // 待上傳圖片的 file 物件

// util: {

// axios, // axios 例項

// CryptoJS, // 加密庫

// OSS, // ali-oss

// COS, // cos-js-sdk-v5

// Buffer, // buffer-from

// uuidv4, // uuid

// qiniu, // qiniu-js

// tokenTools, // 一些編碼轉換函式

// getDir, // 獲取 年/月/日 形式的目錄

// getDateFilename, // 根據檔名獲取它以 時間戳+uuid 的形式

// },

// okCb: resolve, // 重要!上傳成功後給此回撥傳 url 即可

// errCb: reject, // 上傳失敗呼叫的函式

// }

快速搭建部署

方式 1。 使用 npm cli

透過我們的 npm cli 你可以輕易搭建屬於自己的微信 Markdown 編輯器。

# 安裝

npm i -g @doocs/md-cli

# 啟動

md-cli

# 訪問

open http://127。0。0。1:8800/md/

# 啟動並指定埠

md-cli port=8899

# 訪問

open http://127。0。0。1:8899/md/

md-cli 支援以下命令列引數:

port 指定埠號,預設 8800,如果被佔用會隨機使用一個新埠。

spaceId dcloud 服務空間配置

clientSecret dcloud 服務空間配置

方式 2。 使用 Docker 映象

如果你是 Docker 使用者,也可以直接使用一條命令,啟動完全屬於你的、私有化執行的例項。

docker run -d -p 8080:80 doocs/md:latest

容器執行起來之後,開啟瀏覽器,訪問 http://localhost:8080 即可。

效果演示

開源精選 – 超好用的微信Markdown編輯器推薦

開源精選 – 超好用的微信Markdown編輯器推薦

開源精選 – 超好用的微信Markdown編輯器推薦

開源精選 – 超好用的微信Markdown編輯器推薦

獲取地址

主頁檢視地球號回覆

PHPER6144

或關注、私信

獲取。