웹 에디터 구현 (html 에서 word 편집)
조회수 963회
html 에서 word 문서를 편집하는 페이지를 만들고 싶습니다.
그런데 가장 핵심 기능인 word 를 보여주는 기능 예제를 찾을 수 없습니다 ㅜ
혹시 비슷한 예제를 알고계신 고수님들 도움좀 주실 수 있으신가요?
제가 생각하는 가장 비슷한 웹은 폴라리스 같은 서비스 입니다~!!! https://www.polarisoffice.com/ko/web-editor
1 답변
-
JS에서 직접 docx 파일 내용을 까보는 것은 불가능하다고 합니다. 따라서... (기술 스택이 어떻게 되는지는 모르겠지만) 대략 이렇게 구성하셔야겠네요.
- 에디터에 "docx 파일 가져오기" 버튼을 만듭니다.
- 이 버튼은 docx 파일을 AJAX로 업로드하는 버튼입니다.
- 이 업로드 AJAX 요청을 받은 웹서버는 요청에 포함된 바이너리 파일을 까봐서 그걸 HTML로 파싱한 결과를 응답합니다.
- 에디터는 그 응답을 까봐서 정상적인 HTML 파싱 내용이 있으면 그걸 동적으로 에디터 본문에 주입합니다.
본질적으로는 이미지 업로드 버튼 구현이랑 같은 레벨의 과제입니다. TinyMCE 같은 유명한것 가지고 한번 시도해 보세요.
댓글 입력