一直在找有什么开源编辑器可定制在自己平时写作的blog中,想自己根据开源,来开发一个适合自己的,找很多,还是觉得不够,先做个记录,常用常见的CKEditor 5(CK5)之外,还有很多选择,用AI整理了以下一些
🧩 一、可替代 CK5 的主流 HTML 编辑器
| 编辑器 | 特点 | 优点 | 缺点 | 适配 Halo 建议 |
|---|
| TinyMCE 6 | WordPress 默认编辑器之一 | 成熟稳定、插件多、文档齐全、企业支持强 | 核心功能免费但部分高级插件付费 | 最接近 CK5 的 API,可直接复用你 CK5 插件架构 |
| Froala Editor | 极简美观的商用 WYSIWYG | 界面优雅、轻量、内置上传接口 | 需商业授权,社区支持少 | 适合做高颜值 写作体验型插件 |
| Quill 2.0 | 开源轻量富文本 (JSON 结构) | 响应快、易自定义工具栏、MIT 协议 | 默认输出 Delta,不是 HTML | 若需 HTML 可配 quill-delta-to-html转换 |
| Tiptap v3(ProseMirror 封装) | 类 Notion 块式编辑器 | 可扩展“块组件”、前沿交互 | 架构复杂、文档需深入阅读 | 适合未来改造成块状写作体验 |
| Lexical(Meta 开源) | 新一代 React 编辑器框架 | 性能超强、完全模块化 | 尚不成熟,需自建 Toolbar/UI | 适合你要打造实验室型 editor 实验插件 |
| Editor.js | JSON 块结构编辑器 | 输出纯结构数据、极快 | 不是 WYSIWYG,需二次渲染 | 可与 Halo 共存,用于「实验室/观察」类文章 |
💡 二、可直接替代 Vditor 的 Markdown 编辑器
| 编辑器 | 特点 | 优点 | 缺点 |
|---|
| Toast UI Editor | 韩国 NHN 出品 | 稳定、美观、支持 HTML 预览 | 包体较大 |
| StackEdit Core | Google Docs 风格 Markdown | 离线支持强 | 不易深度定制 |
| SimpleMDE / EasyMDE | 经典老牌 Markdown | 极简轻便 | 功能有限 |
| CodeMirror + Markdown-It 组合 | 自组方案 | 控制力最高 | 需要较多开发投入 |
若你希望保留 Markdown 但强化排版体验,可以做一款 “Markdown Plus” 插件——
用 Toast UI 为核心 + 自研 图片上传 + Halo 附件选择器 + 自定义样式切换。
🧱 三、「使用场景」推荐组合
| 目标 | 推荐编辑器 | 理由 |
|---|
| 写公众号、内容排版、美化强 | CKEditor 5 / TinyMCE | 富文本输出、格式保真 |
| 纯写作 + 稳定输出 HTML/Markdown | Quill / Toast UI | 轻量、易上手 |
| 未来想做块式写作、Notion 风 | Tiptap / Lexical / Editor.js | 可实现自定义「块模块」写作 |
| 科学笔记 / 技术文章 | CodeMirror + Markdown / Katex | 代码与公式支持强 |
🧠 四、策略建议
如果目标是:
- 短期内上线 Halo 插件,稳定可用、兼容富文本 → ✅ CKEditor 5 或 TinyMCE
- 中期探索新体验(如 Notion 块式编辑、AI 辅助写作) → 🚀 Tiptap
- 长期打造 aieii 创作生态的统一编辑内核 → 🧬 可考虑基于 Lexical 封装成 “ae Editor” 品牌组件库
《Halo 编辑器插件选型决策表:CKEditor5 vs TinyMCE vs Tiptap》
包含三者在架构设计、功能表现、集成复杂度、适配 Halo 成本、未来扩展潜力、开发工期**等方面的综合评估。
🧭 Halo 编辑器插件选型决策表
(面向 Halo 2.x 插件生态,目标:打造长期可维护、体验优秀、可扩展的富文本/块式编辑器)
| 维度 | CKEditor 5 | TinyMCE 6 | Tiptap v3(基于 ProseMirror) |
|---|
| 定位 | 企业级富文本(WYSIWYG) | 经典富文本(Word 式) | 新一代块状编辑器(Notion 式) |
| 输出格式 | HTML(结构化) | HTML(传统 DOM) | JSON + HTML(可定制渲染) |
| 核心技术 | 自研模块化核心 + 插件体系 | iframe + DOM 编辑内核 | ProseMirror 内核 + Vue/React 封装 |
| 体积/性能 | ~500KB gzip(中等) | ~400KB gzip(轻) | >1MB gzip(大,但可按需加载) |
| 移动端支持 | ✅ 完善 | ✅ 完善 | ⚠️ 需二次优化 |
| 可视化体验 | 👍🏻 高端、精致、可定制主题 | 👌🏻 稳定、传统 | 🚀 新颖、块化、现代交互 |
| 图片上传 | ✅ 内置 UploadAdapter接口 | ✅ 内置 images_upload_handler | ⚙️ 需自定义 extension |
| 表格/代码块/公式 | ✅ 丰富、成熟 | ✅ 基础功能齐全 | ⚙️ 依赖社区扩展 |
| Markdown 支持 | ⚙️ 插件实现 | ⚙️ 需额外插件 | ✅ 内建双向转换 |
| Halo 集成难度 | ⭐⭐(中) | ⭐(低) | ⭐⭐⭐⭐(高) |
| Halo 适配接口 | uploadImage(file)→UploadAdapter | images_upload_handler | 自定义 Node/Mark schema |
| 资源加载模式 | CDN/本地皆可 | CDN/本地皆可 | 必须本地打包 |
| 二次开发成本 | ⭐⭐(中) | ⭐(低) | ⭐⭐⭐⭐(高) |
| 社区生态 | 🌍 强(企业支持、文档丰富) | 🌍 强(WordPress 同源) | 💡 新兴(社区快、变化大) |
| 许可证 | GPL/Commercial | LGPL/Commercial | MIT |
| 开发工期(初版 Halo 插件) | 约5~7 天(含上传/设置) | 约3~5 天 | 约10~14 天(需深入定制) |
| 未来扩展潜力 | 👍🏻 稳健,适合企业长期用 | 👌🏻 稳定成熟 | 🚀 潜力极大,可做“块式创作生态” |
| AI 功能兼容性 | 易集成(支持插入插件) | 一般(传统结构) | 极佳(可做 AI 块、AI Block 插入) |
| 适合的场景 | 富文本文章、文档写作 | 传统内容管理、后台文章 | 创作平台、Notion/Medium 风格编辑 |
| 推荐指数(给 自己网站) | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐(若计划做长期创作生态) |
📊 综合分析
✅ CKEditor 5(中短期推荐)
- 优势:Halo 生态适配最佳,上传接口完善,输出 HTML,渲染稳定。
- 适合:内容排版、富文本文章、教程类写作。
- 劣势:插件体系偏商业化,模块较重。
- 结论:最稳妥方案;适合你现在为 Halo 做高质量写作体验插件(已在开发中)。
⚙️ TinyMCE 6(维护型方案)
- 优势:轻、快、兼容好、文档齐全。
- 劣势:样式老旧、交互过时、插件体系封闭。
- 结论:适合“仅为后台发文提供基础编辑”的项目。
🚀 Tiptap v3(长期前瞻型)
- 优势:完全组件化,可做 Notion 式创作系统,支持块级 AI 创作(例如 “AI 写段落”)。
- 劣势:开发门槛高;需重新定义 Halo 内容存储(JSON + 渲染模板)。
- 结论:适合你未来在 aieii.com 或自建平台打造“AI+创作块编辑器”。
⏱️ 工期评估(基于 Halo 插件架构)
| 阶段 | CKEditor5 | TinyMCE | Tiptap |
|---|
| 插件框架搭建 | 1 天 | 1 天 | 1 天 |
| 编辑器集成 | 2 天 | 1 天 | 4 天 |
| 图片上传 / Halo 接口对接 | 1 天 | 1 天 | 2 天 |
| 工具栏配置 + 设置界面 | 1 天 | 1 天 | 2 天 |
| 兼容测试(多浏览器、移动端) | 1 天 | 1 天 | 2 天 |
| 打包与优化 | 1 天 | 1 天 | 2 天 |
| 合计 | 5~7 天 | 3~5 天 | 10~14 天 |
💡 推荐方案
| 阶段 | 建议方向 |
|---|
| 阶段一:2025 Q4(当前) | ✅Toast UI + CK5 双编辑器插件:稳定发布、覆盖 Markdown + 富文本两类内容创作。 |
| 阶段二:2026 Q1–Q2 | 🚀Tiptap Editor (ae Editor):打造 “AI 创作块编辑器”,支持多模态内容、AI 段落生成、图片/视频块。 |
| 阶段三:2026+ | 🧱统一编辑内核(ae Core):整合 Halo、Typecho、WordPress 等多系统内容导入导出。 |