AiEditor
AiEditor Team · 코딩 · 생산성
AiEditor는 웹 제품을 위한 오픈소스 AI 리치 텍스트 에디터다. 쓰기, 고쳐쓰기, 번역, 대화를 문서 안에서 처리하며 npm 명령 한 번으로 설치한다.
AiEditor 소개
About
AiEditor란
AiEditor는 AI 제품을 위해 만든 리치 텍스트 에디터다. Web Component로 동작하므로 Vue, React, Angular, Svelte, Layui, 순수 JavaScript 프로젝트 어디에나 들어간다. 모델을 연결하면 AI 문서 에디터로도 쓸 수 있다. 방식은 단순하다. 텍스트 옆에 채팅 창을 두지 않는다. AI 동작이 문서 안에 있다. 문단을 고르고 고쳐쓰기를 요청한 뒤 결과를 남길지 직접 정한다.
핵심은 귀찮은 일을 대신한다. 제목, 표, 코드 블록, 수식, 이미지, 오디오, 비디오, 첨부 파일이 기본으로 들어 있고 밝은 테마와 어두운 테마, 모바일 레이아웃, 2개 언어 UI도 함께 온다. 업로드는 자체 핸들러를 거치므로 파일은 내 저장소에 남는다.
제약부터 적는다. 오픈소스 리치 텍스트 에디터는 LGPL-2.1로 공개되며 조건을 지키면 상업적 사용도 가능하다. 페이지 나눔, 실시간 공동 편집, 문서 비교는 유료 Pro 패키지에 들어간다. 붉은 머리글과 인장, 고정 판형을 갖춘 공문서 형식은 공식 버전이 필요하다. 글 쓸 공간만 원하는 작은 팀이라면 둘 다 없어도 아쉽지 않다. 계약서 검토나 공동 편집을 붙이는 팀이라면 필요하다.
시작하기
npm install aieditor로 패키지를 설치하고 스타일시트를 불러온다.- 컨테이너 요소에 인스턴스를 만들고 플레이스홀더, 테마, 초기 콘텐츠를 설정한다.
- AI를 연결한다. OpenAI 호환 엔드포인트를 지정하거나 생성 서비스를 직접 구현한다.
- 업로드를 자체 저장소로 연결하고 툴바 항목을 고른 뒤 배포한다.
제품 정보
AiEditor의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- AI 연결 지점이 필요한 프론트엔드 개발자
- AI 글쓰기 에디터를 내놓는 제품 팀
- 계약서와 보고서를 다루는 기업 문서 팀
작업
- 마케팅 문구나 강의 자료 작성
- 거친 초안 정리
- CMS, 사내 도구, CRM에 임베드형 에디터 추가
활용 상황
- 사내 지식 베이스 구축
- 여러 시장으로 콘텐츠 확장
- 여러 사람이 표시를 남길 보고서 준비
주요 기능
문서 안에서 도는 AI 동작
텍스트를 선택하면 플로팅 메뉴가 이어쓰기, 늘리기, 줄이기, 다듬기, 번역, 질문을 내놓는다. 응답은 스트리밍으로 도착하고 생성 중지, 다시 실행, 복사, 커서 위치 삽입, 선택 범위 교체가 가능하다. 직접 만든 프롬프트와 추가 메뉴 항목으로 사용자가 실제로 쓸 동작만 노출한다.
모델은 직접 고른다
AiEditor는 모델을 넣어 주지 않는다. OpenAI 호환 엔드포인트를 연결하거나 생성 서비스를 직접 구현한다. 키와 감사 로그, 라우팅이 내 손에 남는다. 고객 텍스트를 아무 제공자에게나 보낼 수 없는 팀에게는 큰 차이다.
문서 맥락을 가진 대화
AI 패널은 문서 전체, 현재 선택 범위, 맥락 없음의 세 방식으로 움직인다. 이어지는 질문은 흐름을 유지하므로 작성자는 요청을 다시 설명하지 않고 한 문단을 더 파고들 수 있다. 파일 안에 앉은 검토자 같다.
프레임워크에 묶이지 않는 임베드
에디터는 Web Component다. Vue, React, Angular, Svelte, Layui, 순수 JavaScript 프로젝트가 같은 방식으로 올리고 데스크톱과 모바일에서 콘텐츠 모델이 같다. 프런트엔드 구성이 바뀌어도 통합을 다시 쓰지 않는다.
재사용을 견디는 구조화 콘텐츠
제목, 목록, 표, 코드 블록, 수식, 멘션, 미디어는 꾸민 HTML이 아니라 진짜 노드다. Tiptap JSON이 문서 모델을 떠받치고 블록 ID는 안정적으로 유지되며 붙여 넣은 Markdown도 깔끔하게 변환된다. 콘텐츠는 내보내기와 검색, 나중 편집을 견딘다.
설정 가능한 에디터 껍데기
클래식, 컴팩트, 리본 세 가지 툴바에 다크 모드, 읽기 전용 모드, 전체 화면, 2개 언어 UI가 핵심에 포함된다. 메뉴와 업로더, 확장을 설정할 수 있어 같은 패키지가 최소한의 댓글 상자도 되고 본격적인 문서 작업 공간도 된다.
장단점
장점
- 핵심이 LGPL-2.1 오픈소스라 코드를 읽고 상업 제품에 넣을 수 있다.
- AI 기능이 자체 모델과 프롬프트로 돌아 데이터 처리와 비용을 예측하기 쉽다.
- 주요 프런트엔드 프레임워크에서 래퍼 라이브러리 없이 동작한다.
- 문서 모델이 탄탄하다. 표, 코드, 수식, 미디어, 안정적인 블록 ID가 갖춰져 있다.
단점
- 모델을 연결하기 전까지 AI 패널은 조용하다. 호스팅형 글쓰기 앱보다 설정에 시간이 더 든다.
- 페이지 나눔, 실시간 공동 편집, 문서 비교는 유료 Pro 패키지가 필요하다.
- 문서가 중국어 우선으로 정리돼 있어 영어로 읽는 사람은 고급 옵션 페이지가 얇게 느껴진다.
자주 묻는 질문
무료다. 핵심 에디터는 LGPL-2.1 오픈소스이며 라이선스를 지키는 개인 및 상업 프로젝트에서 비용이 들지 않는다. Pro와 공식 문서 버전은 유료 추가 패키지다.
관련 콘텐츠
AiEditor와 관련된 도구, 스킬, 아티클을 살펴보세요.
AiEditor 대안
Base Code
Base44 (Wix) · 코딩 · 생산성Base Code는 Base44가 만든 공유 클라우드 개발 환경이다. 팀은 기존 GitHub 저장소에 대한 변경을 채팅으로 설명하고, 미리보기로 확인한 뒤 풀 리퀘스트로 돌려보낸다.
Google EmbeddingGemma 2
Google DeepMind · 글쓰기 · 이미지 · 코딩Google EmbeddingGemma 2는 7억 4000만 파라미터의 오픈 모델로, 텍스트와 코드, 이미지, 오디오, 영상 프레임을 하나의 768차원 공간에 벡터로 바꿔 스마트폰과 노트북에서 실행한다.
GitGlow
GitGlow · 코딩 · 생산성GitGlow는 내 코드와 AI 에이전트의 변경을 한 리뷰에 모으는 데스크톱 Git 클라이언트다. 배포 전에 내 기계에서 무엇이 나가는지 확인할 수 있다.