Drag Docs
문서 목차

시작하기

개요 · 빠른 시작

임베드

문서 뷰어 텍스트 추출 HTML 변환 AI Editor

서버 연동

Web Office

고급

SDK 직접 삽입

HTML 변환

텍스트 추출과 같은 방식이고, getResult()의 content가 텍스트가 아니라 페이지별 HTML입니다. 원본 서식(표·이미지·글꼴)이 HTML/CSS로 재현되므로 게시판·메일 본문에 그대로 넣을 수 있습니다.

실행 예제

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

<script src="https://dragdocs.com/embed/dragdocs.js"></script>
<script>
  const convertor = DragDocs.convertor("#convert", {
    clientId: "XXXX-XXXX-XXXX-XXXX-XXXX",
    file: fileInput.files[0],                 // doc · docx · hwp · hwpx
    onLoad: async () => {
      const result = await convertor.getResult();
      // pages[].content 는 페이지마다 완전한 HTML 문서(<!DOCTYPE html>…) — 스타일이 <head>에 있다
      // 1) 그대로 보여주기: iframe.srcdoc
      document.getElementById("preview").srcdoc = result.pages[0].content;
      // 2) 게시글 본문에 넣기: body 안쪽만 꺼내기 (원본 스타일은 빠지므로 서식이 단순해진다)
      const body = new DOMParser().parseFromString(result.pages[0].content, "text/html").body;
      document.getElementById("post-body").innerHTML = body.innerHTML;
    },
  });
</script>

옵션과 메서드

옵션과 open()·destroy()·onLoad는 텍스트 추출과 같습니다. getResult()의 pages[].content가 페이지별 완전한 HTML 문서(<html>·<head> 스타일 포함)라는 점만 다릅니다. 서식을 그대로 살리려면 iframe.srcdoc이나 파일 저장이 맞고, 본문에 합칠 때는 <body> 안쪽만 꺼내 쓰세요.

지원 형식

doc · docx · hwp · hwpx. PDF 변환은 준비 중입니다.

다음: AI Editor