Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourYellow
title릴리즈 3.3.2602 이상

Warning
title사용 시 유의사항

임포트한 원본 문서와 익스포트된 문서 간의 표현 및 품질이 동일함을 보장하지는 않습니다.

웹 에디터 환경의 구조적 특성으로 인해 원본 문서 양식과의 1:1 매칭이 어려우며, 이로 인해 일부 객체가 누락되거나 비정상적으로 표시될 수 있습니다.

모듈 적용

문서를 익스포트하는 기능을 사용하기 위해서는 에디터 패키지 externals 폴더 아래에 포함된 임포트/익스포트 모듈인 SEDocModelParser를 적용해야 합니다.

Code Block
languagexml
themeEmacs
titlesynapeditor.config.js
<!-- 임포트/익스포트 모듈 -->
<script src="externals/SEDocModelParser/SEDocModelParser.min.js"></script>


툴바 설정

에디터 툴바설정에 'export'추가 시 내보내기 다이얼로그를 사용할 수 있습니다.

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
    'editor.toolbar': [..., 'export', ...]
}


익스포트 UI 다이얼로그

항목설명
파일형식

파일 포맷을 지정합니다.

Note

공식 지원 포맷은 hwpx입니다.

다른

그 외 포맷(hwp,

doc,

docx

등)으로 저장이 필요한 경우 고객문의

)은 변환 과정에서 일부 제한이 있을 수 있습니다.


HWPX(

defalut

default)

HWP

DOCX

용지방향

용지 방향을 설정합니다.

A4 세로(defalutdefault)

A4 가로

파일이름

저장할 파일명을 입력합니다.

문자열

(미입력 시: untitled)

내보내기 시 생성된 파일은 사용 중인 브라우저의 기본 다운로드 경로에 저장됩니다.에디터 툴바설정에 'export'추가시 내보내기 다이얼로그를 사용할 수 있습니다

내보내기 확장자 설정

Status
colourYellow
title릴리즈 3.3.2603 이상

내보내기 다이얼로그에 표시할 파일 형식을 설정합니다.

  • 설정한 확장자는 배열에 입력한 순서대로 표시됩니다.
  • 빈 배열로 설정하면 파일 형식 항목이 표시되지 않습니다.
  • 1개만 설정하면 해당 항목만 표시되며, UI는 변경할 수 없도록 비활성화됩니다.
Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
    'editor.toolbar': [..., 'export', ...]
}.export.extensions': ['docx', 'hwpx'] // defalut: ['docx', 'hwpx', 'hwp']
}


내보내기 기본 확장자 설정

Status
colourYellow
title릴리즈 3.3.2603 이상

내보내기 다이얼로그에서 기본으로 선택할 파일 형식을 설정합니다.

기본 확장자를 지정하면 해당 형식이 먼저 선택됩니다. 단, 내보내기 형식 목록에 없는 값은 적용되지 않습니다.

기본 확장자를 따로 지정하지 않았거나 사용할 수 없는 값으로 설정한 경우에는, 내보내기 형식 목록의 첫 번째 항목이 기본으로 선택됩니다.

내보내기 형식 목록이 비어 있는 경우에는 지원되는 형식 중 사용 가능한 값을 기준으로 기본 형식이 결정됩니다.

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
    'editor.export.defaultExtension': 'docx' // defalut 'hwpx'
}


예시

설명내보내기 확장자를 빈 배열로 설정하는 경우내보내기 확장자를 1개만 설정하는 경우내보내기 확장자를 2개 이상 설정하고 내보내기 기본 확장자를 수정한 경우
설정값


Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
    'editor.export.extensions': []
}



Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
    'editor.export.extensions
' 키를 사용해 임포트 가능한 문서 확장자를 설정할 수 있습니다.
': ['hwpx']
}



Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
  
// TODO 작업해야함
  'editor.export.extensions': ['docx', 'hwpx'],
    'editor.export.
extensions
defaultExtension'
: 
[
'
HWPX
docx'
]

}
    


결과화면

Image Added

Image Added

Image Added