如何使用AiEditor
安装AiEditor: 在项目中通过在终端运行'npm i aieditor'来安装AiEditor。
导入AiEditor: 在JavaScript/TypeScript文件中导入AiEditor及其CSS:import {AiEditor} from 'aieditor'; import 'aieditor/dist/style.css';
创建实例: 创建一个新的AiEditor实例,指定目标元素、占位符文本和初始内容:const aiEditor = new AiEditor({ element: '#aiEditor', placeholder: '点击输入内容...', content: 'AiEditor是一款面向AI设计的开源富文本编辑器。' });
配置AI功能: 通过提供首选语言模型的API密钥来设置AI功能,例如:ai: { models: { spark: { appId: '***', apiKey: '***', apiSecret: '***' } } }
使用基本编辑功能: 使用工具栏或键盘快捷键利用标题、段落、字体样式、链接和列表等基本编辑功能。
应用AI驱动功能: 通过选择文本并从菜单中选择所需的AI选项,使用文本续写、优化、校对和翻译等AI功能。
实时协作: 如果处理共享文档,与团队成员实时协作,实时查看他们的输入和更改。
添加评论: 为文档的特定部分添加评论或建议,以便审查和改进。
使用集成工具: 利用集成工具如虚拟白板(Excalidraw)或图表编辑器(draw.io)来增强内容创建。
导出或保存: 根据应用程序的设置导出内容或保存。
AiEditor 常见问题解答
AiEditor 是一款由 AI 驱动的下一代富文本编辑器。它是一个开源编辑器,支持与任何前端框架集成,兼容 PC 和移动设备,并提供亮色和暗色主题。它提供强大的 AI 功能,如语法检查、文本扩展/摘要和翻译。
查看更多