View Source

Synap Editor에서 편집된 내용을 HTML 형식으로 가져옵니다.

Parameters:

Name	Type	Attribute	Description
wrap	boolean	default : false	편집한 내용을 <html> tag로 둘러쌀지 결정합니다.
emojiEscapes	boolean	default : false	emoji 문자를 HTML Entity 형태로 변경할지 결정합니다.
specialCharacterEscapes	boolean	default: false	특수문자를 HTML Entity 형태로 변경할지 결정합니다.
contentPadding	object	default : 'none'	문서 여백에 대한 값을 결정합니다. 'document': 임포트한 문서의 여백을 사용. 'none': 여백을 사용하지 않음.
contentWidth	boolean	default: true	컨텐츠 영역의 width를 반환할지 여부를 결정합니다.

Return:

Type	Description
String	사이냅에디터에서 편집한 HTML 콘텐츠

Example:

사이냅 에디터 문서 > getPublishingHtml > image2023-12-21_16-13-21.png

var html = editor.getPublishingHtml();

편집한 내용을 <html> tag로 둘러싸지 않고 가져오기

var html = editor.getPublishingHtml({'wrap':'false'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

편집한 내용을 <html> tag로 둘러싸서 가져오기

var html = editor.getPublishingHtml({'wrap':'true'});

// 결과 html: '<html>\n<body>\n<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div></body>\n</html>'

emoji 문자를 HTML Entity 형태로 변경하지 않고 html 가져오기

var html = editor.getPublishingHtml({'contentPadding':'none'});

사이냅 에디터 문서 > getPublishingHtml > image2023-12-21_16-53-50.png

emoji 문자를 HTML Entity 형태로 변경해서 html 가져오기

var html = editor.getPublishingHtml({'contentPadding':'document'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2; padding: 18px 23px;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

사이냅 에디터 문서 > getPublishingHtml > image2023-12-21_16-54-11.png

임포트한 문서의 여백을 사용하지 않고 HTML 가져오기

var html = editor.getPublishingHtml({'contentPadding':'none'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

임포트한 문서의 여백을 사용해서 HTML 가져오기

var html = editor.getPublishingHtml({'contentPadding':'document'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2; padding: 18px 23px;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

임포트한 문서의 여백을 사용하지 않고 HTML 가져오기

var html = editor.getPublishingHtml({'contentPadding':'none'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

임포트한 문서의 여백을 사용해서 HTML 가져오기

var html = editor.getPublishingHtml({'contentPadding':'document'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2; padding: 18px 23px;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

임포트한 문서의 여백을 사용하지 않고 HTML 가져오기

var html = editor.getPublishingHtml({'contentPadding':'none'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'

임포트한 문서의 여백을 사용해서 HTML 가져오기

var html = editor.getPublishingHtml({'contentPadding':'document'});

// 결과 html: '<div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2; padding: 18px 23px;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>테스트 문서입니다.</span></p></div>'