Awesome
<p style="text-align: center; margin: 2rem 0;"> <a href="https://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={{ textAlign: '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/d18m/@umoteam/editor" /></a> <a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/unpacked-size/%40umoteam%2Feditor" /></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>中文介绍
Umo Editor 是一个基于 Vue3 和 Tiptap 的适合于国人使用的本土化开源文档编辑器。Umo Editor 提供完善的文档编辑能力和 AI 创作能力，支持分页，支持 Markdown 语法，支持基础的富文本编辑功能，支持多种插入多种格式的节点类型、提供了多种类型的实用工具，并支持设置页面的样式，支持导出多种类型的格式，支持打印和打印预览，支持文档块编辑，支持添加自定义扩展，支持多语言设置，支持暗色主题。
详细介绍见： README.zh-CN.md
Introduction
Umo Editor is open-source document editor based on Vue3 and Tiptap. Umo Editor provides comprehensive document editing capabilities and AI creation features, supports pagination, supports Markdown syntax, offers basic rich text editing functions, allows for the insertion of various node types in multiple formats, provides a variety of practical tools, and supports setting page styles. It also supports exporting in various formats, printing and print preview, block-level document editing, adding custom extensions, multi-language settings, and a dark theme.
<img src="https://unpkg.com/@umoteam/editor-external@latest/static/umo-editor-en@2x.png" alt="umo editor" />As a standalone Vue3 plugin, Umo Editor can be easily integrated into any Vue3 project with zero configuration. For non-Vue3 projects, you can embed Umo Editor using an Iframe.
Documentation | 中文文档 | Live Demo | GitHub | NPM
Online Experience
Visit Playground for a fast experience.
Documentation
Please visit Documentation.
Design Philosophy
The birth of Umo Editor aims to address the complexity of document editing in web applications, providing open-source and free powerful editing capabilities and pagination modes similar to Microsoft Word for web projects, while maintaining the convenience of web applications. Whether it's government and enterprise information management systems, academic research writing, team document collaboration, knowledge base management, or personal note organization, Umo Editor can be your capable assistant.
Open Source Advantages
-
Free to Use: As an open-source project, Umo Editor is freely available to all developers under the MIT License, with no copyright concerns.
-
Continuous Updates: Umo Editor will continue to iterate, constantly optimizing features and enhancing user experience.
-
Customizable Development: Open source means greater flexibility. Developers can customize the development according to project needs to create a unique document editor.
Core Features
- Zero-config out-of-the-box usability
- Pagination mode similar to that in Microsoft Word
- Lightweight
- WYSIWYG (What You See Is What You Get) throughout the process
- Rich-text editing capabilities
- Markdown syntax support
- Integrated practical tools
- Presentation mode
- Document export and sharing
- Page settings
- AI assistant
- Support for printing and print preview
- Support for custom plugins
- Shortcut key support
- Theme customization
- Multi-language settings
- Dark mode support
For more detailed introductions, see Core Features.
Browser Support
| Browser | Version | Support |
|---|---|---|
| Google Chrome | Latest | ✅ |
| Firefox | Latest | ✅ |
| Safari | Latest | ✅ |
| Microsoft Edge | Latest | ✅ |
| Internet Explorer (IE) | All | ❌ |
Node.js Version Support
Node.js 18.0.0 or above.
Join the Community
We encourage users to join the Umo Editor open-source community and participate in the development and improvement of the product. Whether submitting bug reports, feature requests, or code contributions, all are valuable parts of our community.
You can submit issues or suggestions via https://github.com/umodoc/editor/discussions.
Or submit bug reports via https://github.com/umodoc/editor/issues.
Contributing Code
Contributors
The development of Umo Editor could not have been possible without the support of the community. Below is the list of contributors who have contributed code to Umo Editor. We extend our thanks to them:
- Umo Team: 👨💻 Core developers
- Cassielxd: 💪 Implemented pagination and many important features for Umo Editor
- Na'aman Hirschfeld：💪🏻 Enhanced TypeScript support, added test cases, and provided a better foundation for the development of Umo Editor
- ChenErik：🛠️ Contributed code to Umo Editor
- Sherman Xu: 🛠 Contributed code to Umo Editor
We welcome all forms of contributions, including but not limited to submitting bug reports, feature requests, and code contributions.
Contact Us
If you have any questions or suggestions, please contact us through the following methods. Before that, it is recommended to read this document carefully to understand how to use Umo Editor.
- Feedback: https://github.com/umodoc/editor/issues
- Community: https://github.com/umodoc/editor/discussions
- Email: contact@umoteam.com
Support Us
If you find Umo Editor useful, please consider supporting us in the following ways:
- ⭐ Star the Umo Editor Repository to show your support for the project.
- 🔗 If you use Umo Editor in your project, please add a link to https://github.com/umodoc/editor.
License
Umo Editor is licensed under the MIT License, allowing you to use, modify, and distribute the software freely.