开放代码社区 › editor
editor
开发工具HTML/CSS[English Documentation] 中文文档 Umo Editor 是一个基于 Vue3 和 Tiptap3 的本土化开源文档编辑器，提供类似于 Microsoft Word 的在线编辑功能和浏览体验，专为国人用户设计。它提供了强大的文档编辑能力和 AI 创作功能，支持分页模式和普通 Web 模式、Markdown 语法、富文本编辑、多种格式的节点插入、页面样式设置、文档导出与打印等功能。 此外，Umo Editor 还支持自定义扩展、多语言设置和暗色主题。同时我们提供了单独的文本预览组件Umo Viewer，用户可以在项目中使用该组件来预览文档。
仓库地址
https://gitee.com/umodoc/editor.gitREADME
<p style="text-align: center; margin: 2rem 0;"> <a href="https://www.umodoc.com" target="_blank"><img src="https://unpkg.com/@umoteam/editor-external@latest/static/logo.svg" alt="umodoc.com" width="280" /></a> </p> <p style="text-align: center;"> <a href="https://github.com/umodoc/editor/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/npm/l/@umoteam/editor" /></a> <a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/v/@umoteam/editor" /></a> <a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/dm/@umoteam/editor" /></a> <a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/unpacked-size/@umoteam/editor" /></a> <a href="https://github.com/umodoc/editor/commits" target="_blank"><img src="https://img.shields.io/github/commit-activity/m/umodoc/editor" /></a> </p> <p style="text-align: center;"><a href="https://dev.umodoc.com/en/docs/editor">[English Documentation]</a> | 中文文档</p> ## 基本介绍 Umo Editor 是一个基于 Vue3 和 Tiptap3 的本土化开源文档编辑器，提供类似于 Microsoft Word 的在线编辑功能和浏览体验，专为国人用户设计。它提供了强大的文档编辑能力和 AI 创作功能，支持分页模式和普通 Web 模式、Markdown 语法、富文本编辑、多种格式的节点插入、页面样式设置、文档导出与打印等功能。 此外，Umo Editor 还支持自定义扩展、多语言设置和暗色主题。同时我们提供了单独的文本预览组件[Umo Viewer](https://github.com/umodoc/viewer)，用户可以在项目中使用该组件来预览文档。 Umo Editor 最大的特点是代码完全开源且自主可控，支持私有部署，您可以内网环境中使用，而无需担心数据安全问题。同时 Umo Editor 基于 Vue3 和 Tiptap3，两者都有丰富的生态系统和社区支持，在遇到问题时可以迅速得到解决。 作为一个独立的 Vue3 插件，Umo Editor 可以轻松集成到各类 Vue3 项目中。对于非 Vue3 项目，您可以通过 Iframe 将 Umo Editor 嵌入到您的项目中。见[在非 Vue3 项目中使用](https://dev.umodoc.com/cn/docs/editor/getting-started#在非-vue3-项目中使用) [官网](https://www.umodoc.com) | [开发文档](https://dev.umodoc.com/cn/docs/editor) | [在线演示](https://www.umodoc.com/demo) | [GitHub](https://github.com/umodoc/editor) | [码云(国内镜像)](https://gitee.com/umodoc/editor) | [NPM](https://www.npmjs.com/package/@umoteam/editor) ## Umo Editor Mobile Umo Editor Mobile 是基于 Vue3 和 Tiptap3 构建的移动端文档编辑器，支持“预览 + 编辑 + 保存”完整链路，可直接作为业务系统中的独立编辑器落地。它不是对 Umo Editor 的简单裁剪，而是围绕触控场景重新设计的独立产品，具备保存状态机、自动保存、回退守卫、历史记录、国际化、主题与扩展能力，并在配置、事件、方法命名上尽可能与 Umo Editor 保持一致，帮助团队以更低成本实现多端统一。 如果您计划同时接入桌面端与移动端，建议优先在业务层抽象一层统一的编辑器适配层，以便复用文档模型、配置语义和保存链路，降低后续维护成本。 - 官网：[https://mobile.umodoc.com](https://mobile.umodoc.com) - 移动端示例：[https://em.umodoc.com](https://em.umodoc.com) - 开发文档：[https://dev.umodoc.com/cn/docs/mobile](https://dev.umodoc.com/cn/docs/mobile) ## 部分截图 **Umo Editor**    **Umo Editor Next**    了解 Umo Editor Next 更多功能，请访问：[https://www.umodoc.com](https://www.umodoc.com)。 ## 在线体验 访问[https://www.umodoc.com/demo?pane=hide](https://www.umodoc.com/demo?pane=hide)快速体验。 ## 示例项目 为了方便您快速上手 Umo Editor，我们提供了一个示例项目：https://github.com/umodoc/demo ，您可以在该项目中查看和运行 Umo Editor 的示例代码。 您也可以在 StackBlitz、CodeSandbox 和 Github Pages 上快速查看和运行该项目。 - 在 [StackBlitz](https://stackblitz.com/~/github.com/umodoc/demo?file=src/app.vue) 上查看和运行该项目。 - 在 [CodeSandbox](https://codesandbox.io/p/github/umodoc/demo/main?import=true) 上查看和运行该项目。 - 在 [Github Pages](https://umodoc.github.io/demo/) 上查看和运行该项目。 ## 开发文档 请访问[https://dev.umodoc.com/cn/docs/editor](https://dev.umodoc.com/cn/docs/editor)。 ## 设计理念 Umo Editor 的诞生旨在解决 Web 应用中文档编辑的复杂性，为 Web 项目提供类似 Microsoft Word 的强大编辑能力，同时保持 Web 应用的便捷性。无论是政企信息管理系统、学术研究撰写、团队文档协作、知识库管理还是个人笔记整理，Umo Editor 都能成为您的得力助手。 ## 开源优势 - **免费使用**：Umo Editor 基于[MIT 许可证](https://github.com/umo-editor/umo-editor/blob/main/LICENSE)对所有开发者免费开放，无需担心版权问题。 - **持续更新**：Umo Editor 将持续迭代，不断优化功能，提升用户体验。 - **定制化开发**：开源意味着更大的灵活性，开发者可根据项目需求进行定制化开发，打造专属的文档编辑器。 ## 核心特性 - 支持内网部署 - 零配置开箱即用 - 类似 Microsoft Word 的分页模式 - 轻量级 - 所见即所得 - 富文本编辑功能 - Markdown 语法支持 - 实用工具集成 - 演示模式 - 文档导出与分享 - 页面设置 - 支持打印及打印预览 - 支持自定义扩展 - 快捷键支持 - 主题定制 - 多语言设置 - 暗色主题 - 支持 Web 版式 - 单独的文档预览组件[Umo Viewer](https://github.com/umodoc/viewer) 更多详细介绍见[核心特性](https://dev.umodoc.com/cn/docs/editor/features)。 ## 浏览器支持 | 浏览器 | 版本 | 支持情况 | | ------------------------ | :----: | :-------: | | Google Chrome | 最新版 | ✅ 支持 | | Firefox | 最新版 | ✅ 支持 | | Safari | 最新版 | ✅ 支持 | | Microsoft Edge | 最新版 | ✅ 支持 | | 360 极速浏览器 | 最新版 | ✅ 支持 | | 各类国产浏览器的极速模式 | 最新版 | ✅ 支持 | | Internet Explorer (IE) | 所有 | ❌ 不支持 | ## 环境支持 - **Node.js** (>=v18.x) - **Vue** (>=v3.x) - **Tiptap** (>=v3.x) ## 加入社区 我们鼓励用户加入 Umo Editor 的开源社区，共同参与到产品的开发和改进中。无论是提交 Bug 报告、功能请求还是代码贡献，都是我们社区宝贵的一部分。 您可以通过 [GitHub Discussions](https://github.com/umodoc/editor/discussions) 提交问题或意见。 或通过 [GitHub Issues](https://github.com/umodoc/editor/issues) 提交 Bug 报告。 ## 贡献代码 Umo Editor 的发展离不开社区的支持，以下是为 Umo Editor 贡献过代码的贡献者名单，向他们致谢： - [Umo Team](https://github.com/umodoc)：👨💻 核心开发者 - [china-wangxu](https://github.com/china-wangxu)：💪🏻 添加了许多重要功能 - [Cassielxd](https://github.com/Cassielxd)：💪🏻 添加了许多重要功能 - [Na'aman Hirschfeld](https://github.com/Goldziher)：🛠️ 贡献了部分代码 - [SevenDreamYang](https://github.com/SevenDreamYang)：🛠️ 贡献了部分代码 - [ChenErik](https://github.com/ChenErik)：🛠️ 贡献了部分代码 - [SerRashin](https://github.com/SerRashin)：🛠️ 添加了俄语支持 - [Sunny Wisozk](https://github.com/SunnyWisozk)：🛠️ 贡献了部分代码 - [Sherman Xu](https://github.com/xuzhenjun130)：🛠️ 贡献了部分代码 - [vace](https://github.com/vace)：🛠️ 贡献了部分代码 - [Mikasa33](https://github.com/Mikasa33)：🛠️ 贡献了部分代码 - [ohmua](https://github.com/ohmua)：🛠️ 贡献了部分代码 我们欢迎任何形式的贡献，包括但不限于提交 Bug 报告、功能请求、代码贡献等。 ## 联系我们 如果您有任何疑问或建议，请通过以下方式联系我们。在此之前，建议您详细阅读本文档，以便了解如何使用 Umo Editor。 - 反馈：[GitHub Issues](https://github.com/umodoc/editor/issues) - 社区：[GitHub Discussions](https://github.com/umodoc/editor/discussions) - 邮件：[c