Umo Editor is an open-source document editor based on Vue3 and Tiptap3, providing an online editing experience similar to Microsoft Word. It provides powerful document editing capabilities and AI-assisted creation features. Umo Editor supports pagination and normal web layout, Markdown syntax, rich text editing, insertion of various node types, page style settings, document export, and printing. Additionally, it supports custom extensions, multi-language settings, and a dark theme. Umo Editor also supports web layout, and you can use it as a regular rich text editor.
Additionally, Umo Editor supports custom extensions, multi-language settings, and dark theme. We also provide a standalone text preview component, Umo Viewer, which users can integrate into their projects to preview documents.
Umo Editor's largest feature is that its code is completely open source and controllable. It supports private deployment, allowing you to use it in an intranet environment without worrying about data security issues. At the same time, Umo Editor is based on Vue3 and Tiptap3, both of which have rich ecosystems and communities, making it easy to solve problems when needed.
As an independent Vue3 plugin, Umo Editor can be easily integrated into various Vue3 projects with zero configuration. For non-Vue3 projects, you can embed Umo Editor into your project via an iframe.
Website | Documentation | Playground | GitHub | NPM
This project is a simple demo of Umo Editor, showing how to use Umo Editor in a Vue 3 project.
You can also preview and run it online with StackBlitz, CodeSandbox, or Github Pages:
- View and run on StackBlitz
- View and run on CodeSandbox
- View and run on Github Pages
npm installnpm run devFor more information, please refer to the Umo Editor Documentation。