在日常工作与创作中,高效、灵活的文本编辑工具能够显著提升写作效率。许多传统编辑器要么功能单一,要么操作复杂,难以满足现代写作者的需求。Isle Editor 是一款国产开源富文本编辑器,它支持富文本、块、Markdown 三种编辑模式,界面简洁、功能全面,并可直接在浏览器中使用。无论是撰写博客、编辑文档,还是记录学习笔记或构建知识库,Isle Editor 都能为用户提供流畅、可扩展的写作体验,让创作变得轻松高效。
岛屿编辑器(Isle Editor)是什么?
Isle Editor 是一款基于 prosemirror 和 tiptap 构建的开源 Web 编辑器,旨在提供高效、可扩展的富文本编辑解决方案。它支持富文本、块编辑和 Markdown 三种模式,能够满足不同用户的写作习惯和需求。Isle Editor 提供丰富的插件和配置选项,用户可以轻松定制功能,实现从简单笔记到复杂文档的高效创作。
网站地址:https://editor.islenote.com/zh

核心功能
Isle Editor 面向希望高效写作和编辑的用户,提供以下核心功能:
- 现代化界面设计——简洁、美观的界面,让用户专注于写作内容。
- 富文本编辑——支持字体、字号、颜色、加粗、斜体、下划线、链接、图片、列表、引用、代码等常用功能。
- 块编辑——将文章划分为多个独立块,方便组织和调整内容。
- Markdown 编辑——支持 Markdown 语法,适合博客创作和文本快速排版。
- 高效且开箱即用——提供丰富插件和配置选项,满足不同用户需求。
- 基于 prosemirror 与 tiptap 构建——具备强大的扩展性和可定制性。
- Vue3 集成支持——可直接在 Vue3 项目中使用,便于前端开发者集成。
使用场景
Isle Editor 可应用于多种写作与编辑任务:
| 人群/角色 | 场景描述 | 推荐指数 |
|---|---|---|
| 博客作者 | 使用 Markdown 快速撰写博客文章 | ★★★★★ |
| 办公人员 | 编辑工作报告、项目文档 | ★★★★☆ |
| 学生/学习者 | 记录学习笔记和生活点滴 | ★★★★☆ |
| 团队/企业 | 构建团队知识库或文档系统 | ★★★★☆ |
| CMS 开发者 | 集成到内容管理系统提供富文本编辑功能 | ★★★★☆ |
操作指南
新手可快速上手 Isle Editor:
- 访问编辑器——在浏览器中打开「https://editor.islenote.com/zh」即可开始使用。
- 选择编辑模式——根据需求选择富文本、块或 Markdown 编辑模式。
- 开始创作——直接输入文字、插入图片或使用代码块,进行内容编辑。
- 保存与导出——通过浏览器或集成系统保存内容,完成文档管理。
- Vue3 集成——参考官方文档中的“快速开始 -> Vue3 中使用”,将编辑器嵌入项目。
支持平台
Isle Editor 是 Web 编辑器,支持所有现代浏览器,包括:
- 电脑:Windows、macOS、Linux
- 平板与手机:iPad、Android 平板、iPhone、Android 手机
- 无需安装插件——直接访问网页即可使用全部功能
产品定价
Isle Editor 遵循 MIT 开源许可协议,完全免费使用,用户可自由修改和部署。
常见问题
Q1:是否需要注册账号?
无需注册账号,即可直接在浏览器中使用编辑器。
Q2:是否支持 Markdown?
支持 Markdown 语法,可快速排版和撰写博客文章。
Q3:可否在 Vue3 项目中使用?
支持 Vue3 集成,官方文档提供详细快速上手指南。
Q4:是否收费?
完全免费,遵循开源协议,无任何订阅或付费限制。
开发者小结
Isle Editor 提供简洁、高效、可扩展的富文本编辑体验,适合博客作者、文档编辑者、学生及前端开发者使用。其优势在于支持多种编辑模式、开箱即用、可定制性强,并且完全开源免费。对于希望提升写作效率、优化文档编辑流程的用户,Isle Editor 是理想选择;但对于需要高度专业排版或复杂设计功能的用户,可能需结合其他工具使用。

