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)와 같은 통합 도구를 사용하여 콘텐츠 생성을 향상시키세요.

내보내기 또는 저장: 애플리케이션 설정에 따라 콘텐츠를 내보내거나 저장하세요.