...
Body모델은 getBodyModelJSON 을 통해 가져올 수 있습니다.
Parameters:
Name | Type | Description |
---|---|---|
beforeBodyModel | Object | String | Body 모델 JSON Object 또는 JSON String. |
currentBodyModel | Object | String | Body 모델 JSON Object 또는 JSON String. |
Return:
Type | Description |
---|---|
String | 두 모델의 차이점이 표시된 HTML |
Example:
이전 모델 | 이후 모델 | 결과 |
---|---|---|
Code Block | ||||
---|---|---|---|---|
| ||||
// 안녕하세요. var beforeBodyModel = editor.getBodyModelJSON(); // 안녕하세요. // 사이냅 에디터입니다. var currentBodyModel= editor.getBodyModelJSON(); var result = editor.getModelDiffHTML(beforeBodyModel, currentBodyModel); |
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
`<div'<div class="se-contents" role="textbox" 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"><style>a:not(#se-t #se-tt) { pointer-events: auto !important; } .se-diff { position: relative; } .se-diff:not(a):not(.se-div):after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .se-diff.se-diff-edited:after { background-color: rgba(221, 255, 221, 0.70); } .se-diff.se-diff-deleted:after { background-color: rgba(255, 221, 221, 0.70); } .se-diff.se-diff-deleted:not(a) { text-decoration: line-through; } .se-div.se-diff.se-collabo-edited { background-color: rgba(221, 255, 221, 0.70) !important; } .se-div.se-diff.se-collabo-deleted { background-color: rgba(255, 221, 221, 0.70) !important; }</style><p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>안녕하세요.</span></p><p class="se-diff se-diff-edited" style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>사이냅 에디터입니다.</span></p></div>`div>' |