...
| 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:
| Code Block | ||||
|---|---|---|---|---|
| ||||
var html = editor.getPublishingHtml(); |
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
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로 둘러싸서 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
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>' |
...
}); |
임포트한 문서의 여백을 사용하지 않고 HTML 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
var html = editor.getPublishingHtml({'contentPadding':'none'});
|
emoji 문자를 HTML Entity 형태로 변경해서 html 
임포트한 문서의 여백을 사용해서 HTML 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
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 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
var html = editor.getPublishingHtml({'contentPaddingcontentWidth ':'none'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 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
var html = editor.getPublishingHtml({'contentPaddingcontentWidth ':'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>'
|
...
true});
|
emoji 문자를 HTML Entity 형태로 변경하지 않고 HTML 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
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>'
|
...
emoji 문자를 HTML Entity 형태로 변경해서 HTML 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
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 Entity 형태로 변경하지 않고 HTML 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
var html = editor.getPublishingHtml({'contentPaddingspecialCharacterEscapes':'none'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 Entity 형태로 해서 HTML 가져오기
| Code Block | ||||
|---|---|---|---|---|
| ||||
var html = editor.getPublishingHtml({'contentPaddingspecialCharacterEscapes':'document'true});
// 결과 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>'
|
