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: 'Click to Input Content...', content: 'AiEditor is an Open Source Rich Text Editor Designed for AI.' });

AI機能の設定: 好みの言語モデルのAPIキーを提供してAI機能を設定します。例: ai: { models: { spark: { appId: '***', apiKey: '***', apiSecret: '***' } } }

基本的な編集機能の使用: ツールバーやキーボードショートカットを使って、見出し、段落、フォントスタイリング、リンク、リストなどの基本的な編集機能を利用します。

AI搭載機能の適用: テキストを選択し、メニューから希望するAIオプションを選ぶことで、テキストの継続、最適化、校正、翻訳などのAI機能を使用します。

リアルタイムでのコラボレーション: 共有ドキュメントで作業する場合、チームメンバーとリアルタイムでコラボレーションし、その入力や変更をリアルタイムで確認します。

コメントの追加: ドキュメントの特定のセクションにレビューや改善のためのコメントや提案を追加します。

統合ツールの使用: 仮想ホワイトボード（Excalidraw）やダイアグラムエディタ（draw.io）などの統合ツールを使用して、コンテンツ作成を強化します。

エクスポートまたは保存: アプリケーションの設定に従って、コンテンツをエクスポートするか保存します。