RichMarkdown 用的編輯器就是 RichTextEditor

你在 RichMarkdown 上寫字的地方——工具欄、表格、連結、圖片、撤銷——都是 RichTextEditor，同一團隊開發的 JavaScript 所見即所得編輯器。如果你的網站、CMS 或 Web 應用需要一個富文字編輯器，用的就是你剛剛用過的這個元件。

你在 RichMarkdown 上看到的

• 自定義工具欄醒目標示、行內程式碼、任務清單、程式碼區塊是我們自己加的按鈕，通過編輯器的工具欄配置和命令事件實現。
• 自己的貼上和快捷鍵規則Google 文件、Word 貼上清理和 Obsidian 風格的 Markdown 快捷輸入，都掛在編輯器事件上，不用改編輯器本身。
• 跟隨網站配色和深色模式編輯區用的是本站自己的樣式表，工具欄跟隨系統深色模式。
• 適配手機小螢幕上自動換成精簡工具欄。

接入你的網站

把 richtexteditor/ 資料夾放進靜態資源目錄，然後加上：

<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<script src="/richtexteditor/rte.js"></script>
<script src="/richtexteditor/plugins/all_plugins.js"></script>

<div id="myeditor"></div>
<script>
  var editor = new RichTextEditor("#myeditor");
  // read and write the content
  editor.setHTMLCode("<p>Hello</p>");
  console.log(editor.getHTMLCode());
</script>

也可以安裝 npm 包 @richscripts/richtexteditor，或使用 ASP.NET Core MVC、Razor Pages、Blazor 模板。工具欄、圖片上傳、多語言和 JavaScript API 見文件。

RichMarkdown 沒用到的

RichMarkdown 只用了編輯器的一小部分。完整產品還包括 AI 工具箱（自帶金鑰）、即時協同編輯、修訂追蹤、註解討論、版本歷史、HTML 與 Markdown 結構化內容，以及 70 多種介面語言。可以看看線上演示，或者它和 TinyMCE、CKEditor、Froala、Tiptap 的比較。

常見問題