문서 목차

서버 연동

Web Office

AI Editor

마크다운 문서를 편집하고 선택 텍스트를 AI로 고쳐 쓰는 편집기입니다. 문서 엔진과 달리 격리가 필요 없어 모든 브라우저에서 iframe으로 동작하며 새 창 폴백이 없습니다.

실행 예제

준비 중…
<div id="editor" style="height:560px"></div>

<script src="https://dragdocs.com/embed/dragdocs.js"></script>
<script>
  const editor = DragDocs.aiEditor("#editor", {
    clientId: "XXXX-XXXX-XXXX-XXXX-XXXX",
    content: "# 제목\n\n처음 보여줄 **마크다운**",   // 생략 가능
    title: "새 문서",
    onReady: () => console.log("ready"),
  });

  // 편집 결과 가져오기 (저장 버튼 등에서)
  const markdown = await editor.getContent("markdown");   // 또는 "html"
</script>

옵션과 메서드

옵션 / 메서드설명
clientId필수. 발급받은 라이선스 키
content, title처음 열 마크다운과 제목. 편집기는 마크다운 입력만 받습니다 (HTML 입력 불가)
open(markdown, { title })문서를 바꿔 엽니다
getContent(format)"markdown"(기본) 또는 "html"로 현재 내용을 돌려주는 Promise
onReady · onLoad · onError편집기 준비 · 문서 열림 { title } · 오류 { message }
destroy()iframe과 리스너를 제거합니다
AI 요청(선택 텍스트 고쳐 쓰기)은 DragDocs 서버의 LLM을 사용하며 라이선스 키별 일일 상한이 있습니다. 상한을 넘으면 편집기 안에 안내가 표시되고, 상향은 담당자에게 문의해 주세요. 편집 자체는 상한과 무관하게 동작합니다.

다음: Web Office — 서버 간 연동