排版上萬篇文章的 Markdown 編輯器原來是這樣的!

工具地址:https://mdnice.comhtml

1 Markdown Nice 簡介

  • 支持自定義樣式的 Markdown 編輯器
  • 支持微信公衆號、知乎和稀土掘金
  • 歡迎掃碼回覆「排版」加入用戶羣

2 總體介紹

  • 導航欄:各類功能包含其中,下面會詳細介紹
  • 側邊欄:包含了微信公衆號、知乎和稀土掘金的排版文本生成,預覽模式切換
  • 編輯區域:用於編寫 Markdown 文本
  • 預覽區域:用於預覽當前的排版效果

3 右鍵菜單

在編輯器上右鍵能夠喚出快捷菜單,有格式相關的經常使用功能git

4 導航欄——文件

文件
文件

4.1 導出 Markdown

點擊導出 Markdown 按鈕,便可將當前編輯器的內容做爲 Markdown 文件進行導出github

4.2 導出 PDF

點擊導出 PDF 便可將當前的預覽區導出,其中預覽模式爲 PC 和 移動端,導出的效果是不一樣的,建議切換爲 PC 進行導出web

4.3 導入

可導入文本文件或者 Markdown 文件,導入後即覆蓋當前編輯器的編輯區域瀏覽器

5 導航欄——格式

格式
格式

5.1 在編輯器內調整的格式

其中刪除線、加粗、傾斜、代碼和行內代碼,這幾個選項須要在編輯器中選擇相應的文本後,進行調整微信

5.2 經過對話框調整的格式

連接、表格和圖片須要經過對話框進行插入markdown

連接
連接
表格
表格
圖片
圖片

其中圖片插入有如下幾點要注意編輯器

一、支持複製粘貼到編輯器插入工具

二、支持拖拽到編輯器插入字體

三、圖殼圖牀能夠給圖片提供最穩定插入公衆號能力,不建議使用其餘圖牀

5.3 特殊格式調整

襯線字體:目前只提供襯線字體和非襯線字體的選擇。

微信外鏈轉腳註:因爲微信不支持外鏈,因此在排版公衆號文章時能夠一鍵轉外鏈爲腳註

格式化文檔:按照中文排版指北,規範寫做格式,合理添加空格

6 導航欄——功能

功能
功能

6.1 重置

恢復原有編輯器說明文本,並清除自定義樣式

6.2 查找

用於在編輯器上查找相關文本,並支持替換功能

6.3 本地歷史

本地歷史提供了近期屢次編輯狀況,在瀏覽器中斷關閉的時候,依然能夠保存最近的編輯文本,能夠恢復以前的內容。

6.4 SitDown

html 轉 Markdown 神器,用於將各個平臺的富文本轉回 Markdown

7 導航欄——查看

查看
查看

7.1 全屏

提供沉浸式的編輯體驗,沒有任何其餘的干擾

7.2 區域

主要分爲編輯區域、預覽區域、主題 CSS 區域,根據用戶本身需求進行打開和關閉

8 主題

豐富的主題系統,提供了極好的模板,能夠一鍵排版成本身喜歡的樣式,具體風格請你們自行挑選。

除了使用現成的主題外,還有強大的自定義能力,可在相應的位置編寫 CSS 來自定義主題,以後會專門寫一篇文章來說解如何自定義。

9 代碼主題

代碼塊提供了專有的主題設置,主要包括圖中的幾種。

其中 Mac 風格會融入特有的圓點標記,總體美觀大方歡迎嘗試。

10 設置

設置中包含如下幾項:

  • 同步滾動:設置後編輯區域與預覽區域將同步滾動
  • 上傳圖片時包含名稱:選擇後在上傳時會自動加入名稱做爲下方的備註

11 幫助

  • 關於:包含了軟件的相關資料和連接
  • 版本信息:提供了近期的版本更新狀況和附加提示
  • 更多文檔:除了初始化編輯器文檔外的詳細文檔,https://docs.mdnice.com/
  • 我要提問:遇到問題時請先閱讀該文章,更好的進行提問,https://github.com/mdnice/markdown-nice/issues/163

總結

Markdown Nice 是一款支持自定義樣式的 Markdown 編輯器,已經排版上萬篇文章,將來還會開放更多功能,敬請期待!

本文使用 mdnice 排版

相關文章
相關標籤/搜索