Framework-agnostic integration
AiEditor is built as a Web Component, which lets it fit into React, Vue, Angular, Svelte, Preact, jQuery, and other front-end stacks without being tied to one framework.
AIEditor
RivendicaAIEditor is a Web Component rich text editor for AI-assisted writing, Markdown-friendly editing, collaborative workflows, private LLM connections, and import/export support.
AIEditorOverview
AiEditor is a next-generation rich text editor built for AI-assisted writing and document workflows. The product is implemented as a Web Component, which lets it integrate with a wide range of front-end frameworks while keeping the editor itself focused on editing, formatting, and AI-enabled writing tasks.
Across the site, AiEditor is positioned as an editor that works with Markdown, supports private AI model connections, and offers collaboration-oriented features such as comments, drag-and-drop sorting, and multi-user editing. The documentation also shows a simple npm-based installation flow and a direct programmatic initialization example.
Core features
Markdown-friendly editing
The editor recognizes Markdown basics, supports real-time preview, and works in a WYSIWYG editing flow for users who prefer Markdown while writing.
AI-assisted writing and code help
Built-in AI workflows include continuation, optimization, proofreading, translation, conversations, and AI-assisted code blocks, with support for custom prompts and AI menus.
Import and export support
Users can import Word and Markdown content and export to Markdown, HTML, Word, and PDF, which makes it easier to move content between drafting and publishing workflows.
Document workflow tools
The editor supports block-style drag-and-drop sorting, comments, and real-time multi-person collaboration for shared document work.
LLM connection flexibility
The product pages describe support for private API keys and a range of LLMs, including ChatGPT and iFlytek Spark, which gives teams flexibility in how they connect AI services.
Common use cases
Embed an editor in a web app
Use AiEditor when you need an embeddable editor for a React, Vue, Angular, Svelte, or similar front-end application and want to avoid framework-specific editor lock-in.
Draft Markdown-based content
Use the Markdown-friendly editor flow when writers or developers need basic Markdown syntax recognition, WYSIWYG editing, and a real-time preview while drafting content.
AI-assisted writing workflows
Use the AI functions when authors need help continuing text, improving wording, translating content, or discussing selected editor content with an AI model.
Team review and coauthoring
Use the collaboration and annotation tools when a team needs comments, shared editing, or review of document sections during drafting and revision.
Document conversion and publishing
Use the import and export features when content needs to move between Word, Markdown, HTML, and PDF as part of publishing or document handoff workflows.
Pros and Cons
Pros
- Works across many front-end frameworks through a Web Component architecture.
- Supports Markdown-oriented editing with real-time preview and WYSIWYG interaction.
- Includes AI features for continuation, optimization, translation, conversations, and code blocks.
- Allows private API key usage and connection to multiple LLMs.
- Adds collaboration features such as comments, drag-and-drop ordering, and multi-user editing.
Cons
- The source does not provide a full pricing breakdown, so commercial terms and limits are unclear from the public pages alone.
- Several capability descriptions are high-level and the documentation does not list all setup, integration, or deployment details.
- Some advanced functions are described as part of the commercial version, but the public pages do not spell out the full feature boundary between editions.
FAQ
What frameworks does AiEditor support?
AiEditor is built on Web Components and is intended to work with front-end frameworks such as React, Vue, Angular, Svelte, Preact, and jQuery. The documentation also shows a direct JavaScript/TypeScript-style initialization flow.
Can AiEditor connect to private or third-party LLMs?
The documentation says AiEditor supports private API keys and can connect to LLMs including ChatGPT, iFlytek Spark, and privatized models.
How do you start using AiEditor?
The getting-started page shows installation with `npm i aieditor` and initialization with an `AiEditor` constructor that takes an element, placeholder text, content, and AI model settings.
Is there a commercial version?
Yes. The product pages describe an open-source version and mention a commercial Pro version with additional capabilities such as team collaboration, larger Word import/export support, PDF export, and richer annotation features.
Does AiEditor work on mobile?
The source describes AiEditor as adapting to PC web and mobile terminals, but it does not provide detailed mobile-specific feature limits or platform requirements.
Quick Facts
- Category
- AI rich text editor
- Platform
- Web
- Architecture
- Web Component
- Primary users
- Developers and teams building document editors
- Source domain
- aieditor.dev
- Install
- `npm i aieditor`