What is AIEditor?

AIEditor is a next-generation rich text editor designed for AI integration. It is open-source, Markdown-friendly, and supports a wide range of frameworks including React, Vue, Angular, and Svelte. The editor offers out-of-the-box AI capabilities such as translation, continuation, optimization, and code block assistance, and can be customized with AI menus and prompts.

How to use AIEditor?

To use AIEditor, install it via npm with 'npm i aieditor'. Then, import the AiEditor class and its CSS, and initialize it with an element selector, placeholder, content, and AI model configuration (e.g., Spark). The editor can be integrated into modern development projects with minimal setup.

Core features of AIEditor

AI-powered features: translation, continuation, optimization, conversation, code block comments
Markdown friendly with real-time preview and WYSIWYG
Full framework support: React, Vue, Angular, Svelte, Preact, jQuery
Flexible AI menu customization with custom prompts
Import/export: Word, Markdown, HTML, PDF
Drag-and-drop block editing like Notion
Comments and multi-person collaboration (Pro version)
Open-source under LGPL-2.1 license