LangEditor

LangEditor 是一款基于 Vue 3 和 TypeScript 的现代化编辑器，专注于图文创作，并深度融合 AI 大模型技术，适合需要轻量化、易于集成和定制的开发者。LangEditor 支持与 OpenAI 等多家 AI 模型厂商兼容，未来将适配 dify、coze 等工作流，为用户带来高度可扩展的 AI 功能体验。无论是面向个人创作还是企业级项目，LangEditor 都能帮助快速集成 AI 技术并拓展编辑器功能。

AI

• 深度融合 AI 大模型

LangEditor 支持所有符合 OpenAI 接口规范的 AI 模型厂商，无需担心对接兼容性。未来还将进一步适配 dify、coze 等智能工作流，让用户能在编辑器内顺畅使用多种 AI 模型，以支持多样化的图文生成、编辑和管理需求。

• 高度可扩展的 Prompt 插件支持

LangEditor 提供便捷的 AI Prompt 自定义插件功能。开发者可以根据项目需求自由定制 AI 提示词插件，以实现不同的文本生成、校对或其他智能交互功能。无论是简单的预设文本框架还是复杂的智能回答系统，LangEditor 都能轻松适配。

• 支持私有 AI 模型接入

不仅兼容公开 AI 大模型，LangEditor 还允许接入私有 AI 模型，满足企业对数据隐私和特定语言模型的需求。这一特性使得 LangEditor 在企业级 AI 应用场景中也极具适应性。

• 文生图模型集成

LangEditor 支持将文本转换为图像，适合创作图文并茂的内容。内置的文生图（Text-to-Image）模型将大大增强编辑器的表达能力，为用户提供更多视觉化创作的可能。

• 支持语音输入（未来功能）

LangEditor 未来将支持语音输入，让用户可以通过语音指令输入文本，极大提升创作便捷性，为不同场景和需求提供更多交互方式选择。

基础特性

1. 基于 Tiptap 和 Vue 3

LangEditor 使用 Vue 3 和 Tiptap 构建，对 Vue 开发者友好。编辑器采用 TypeScript 进行类型定义，支持轻松扩展 Vue 组件，开发者可以快速上手，方便地将自己的组件集成到编辑器中。

2. 纯 TailwindCSS 样式设计

LangEditor 的 UI 使用 TailwindCSS 设计，没有引入任何 UI 框架，确保轻量化的同时拥有高度美观的界面。所有样式都可自定义，适合希望定制化界面的开发者。

3. 无头设计

编辑器本身是无头的，无任何样式和 UI 框架，用户可以完全使用 TailwindCSS 自定义编辑器的每个组件样式，保证了极高的灵活性和控制力。

4. 结构规范，便于扩展

LangEditor 遵循 Tiptap 官方的结构规范，使得代码结构清晰易懂，便于开发者进行自定义扩展。开发者可以基于已有的结构快速添加新插件或功能，以满足项目的特殊需求。

5. 丰富的高级插件

LangEditor 内置了多种高级插件，包括块拖拽、图片调整、代码高亮和数学符号插件等，满足不同创作领域的需求。无论是程序员、学术研究人员还是艺术创作者，都能在 LangEditor 中找到适合的插件。

6. AI 友好设计

编辑器深度集成 AI 技术，便于在内容创作过程中轻松调用 AI 服务，为创作者提供智能化的支持。无论是文案生成、图像生成还是复杂的 AI 交互，LangEditor 都提供了完善的支持。

产品理念

LangEditor 专注于三大核心理念：

1. 轻量化，易于集成：LangEditor 不依赖任何复杂 UI 框架，所有功能均基于轻量级设计，确保即使在资源有限的项目中也能流畅运行。

2. 与 AI 融合：深度融合 AI 技术，从内容生成到个性化交互，让编辑器成为创意的 AI 助手。

3. 图文创作交互：强调在图文创作领域的便捷交互体验，不仅适合文字创作者，更适用于图文混合、代码编辑和其他多媒体创作需求。

快速开始

要在项目中集成 LangEditor，可以按照以下步骤操作：

# 安装依赖
npm install lang-editor

未来计划

LangEditor 的未来发展方向包括：

1. dify、coze 等工作流适配：满足更多 AI 模型交互的需求。
2. 语音输入支持：实现通过语音输入和指令操控编辑器的能力。
3. 更丰富的文生图模型：支持更多图像生成模型。