Div
Div extends Element
이것은 Div를 편집하는 데 사용되는 API 모델입니다.
메서드
append(html)
| 이름 | 타입 | 설명 |
|---|---|---|
| html | <String> | 추가할 HTML 문자열입니다. |
주어진 HTML 문자열을 요소의 마지막 자식으로 추가합니다.
var div = editor.getAPIModelById('id');
div.append('<span>TEXT</span>');
prepend(html)
| 이름 | 타입 | 설명 |
|---|---|---|
| html | <String> | 추가할 HTML 문자열입니다. |
주어진 HTML 문자열을 요소의 첫 번째 자식으로 추가합니다.
var div = editor.getAPIModelById('id');
div.prepend('<span>TEXT</span>');
remove()
요소 자체를 제거합니다.
모든 요소를 제거하면 이후 작업에서 오류가 발생할 수 있습니다.
var div = editor.getAPIModelById('id');
div.remove();
replace(html)
| 이름 | 타입 | 설명 |
|---|---|---|
| html | <String> | 대체할 HTML 문자열입니다. |
요소 자체를 주어진 HTML 문자열로 교체합니다.
var div = editor.getAPIModelById('id');
div.replace('<div><p><span>Div replaced</span></p></div>');
setHTML(html)
| 이름 | 타입 | 설명 |
|---|---|---|
| html | <string> | Div 안에 설정할 HTML 문자열입니다. |
주어진 HTML 문자열을 Div의 내부 HTML로 설정합니다.
var div = editor.getAPIModelById('id');
div.setHTML('<p><span>Add HTML. Any existing content will be cleared.</span></p>');
setText(text)
| 이름 | 타입 | 설명 |
|---|---|---|
| text | <string> | Div 안에 설정할 텍스트 문자열입니다. |
주어진 텍스트를 Div의 내부 텍스트로 설정합니다.
var div = editor.getAPIModelById('id');
div.setText('This is text.');
setHeight(value[, unit = 'px'])
| 이름 | 타입 | 설명 |
|---|---|---|
| value | <Number> | 높이 값입니다. |
| unit | <String> | 높이 값의 단위입니다('px', '%'). 기본값은 'px'입니다. |
Div의 높이를 설정합니다.
var div = editor.getAPIModelById('id');
div.setHeight(200);
div.setHeight(200, 'px');
setWidth(value[, unit = 'px'])
| 이름 | 타입 | 설명 |
|---|---|---|
| value | <Number> | 너비 값입니다. |
| unit | <String> | 너비 값의 단위입니다('px', '%'). 기본값은 'px'입니다. |
Div의 너비를 설정합니다.
var div = editor.getAPIModelById('id');
div.setWidth(400);
div.setWidth(100, '%');