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 的对比。

常见问题