如何使用 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 功能,用於語法檢查、文本擴展/摘要和翻譯等任務。
查看更多