Page tree

Versions Compared

Key

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

...

  • html <String> 추가할 HTML String.

파라메터로 인자로 넘겨받은 HTML String으로 Element의 뒤쪽에 자식으로 추가합니다.

Code Block
languagejs
themeEmacs
var celldiv = editor.getAPIModelById('id');
celldiv.append('<span>TEXT</span>');

...

  • html <String> 추가할 HTML String.

파라메터로 인자로 넘겨받은 HTML String으로 Element의 앞쪽에 자식으로 추가합니다.

Code Block
languagejs
themeEmacs
var celldiv = editor.getAPIModelById('id');
celldiv.prepend('<span>TEXT</span>');

remove()

Element 자신을 제거합니다.

Status
subtletrue
colourRed
title모든 Element를 제거할 경우 이후의 작업에서 오류가 발생할 수 있습니다.

Code Block
languagejs
themeEmacs
var paragraphdiv = editor.getAPIModelById('id');
paragraphdiv.remove();

replace(html)

  • html <String> 교체할 HTML String.

Element 자신을 파라메터로 인자로 넘겨받은 HTML String으로 교체합니다.

Code Block
languagejs
themeEmacs
var paragraphdiv = editor.getAPIModelById('id');
paragraphdiv.replace('<p><span>Paragraph replaced<<div><p><span>Div replaced</span></p></div>');

setHTML(html)

  • html <String> DIV 내부에 설정할 HTML 문자열

인자로 넘겨받은 HTML 문자열값을 DIV의 내부 HTML로 설정합니다.

Code Block
languagejs
themeEmacs
var div = editor.getAPIModelById('id');
div.setHTML('<p><span>HTML를 추가합니다. 기존에 입력된 내용은 모두 지워집니다.</span></p>');

setText(text)

  • text <String> 셀 <String> DIV 내부에 설정할 Text 문자열

파라메터로 인자로 넘겨받은 Text 문자열값을 셀의 DIV의 내부 Text로 설정합니다.

Code Block
languagejs
themeEmacs
var celldiv = editor.getAPIModelById('id');
celldiv.setText('텍스트입니다.');

setHeight(value[, unit = 'px'])

  • value<Number> 설정의 표의 높이값
  • unit <String> 높이값의 단위 ('px', '%'). 기본값 'px'.

표의 DIV의 높이를 설정합니다.

Code Block
languagejs
themeEmacs
var tablediv = editor.getAPIModelById('id');
tablediv.setHeight(200);
tablediv.setHeight(200, 'px');

setWidth(value[, unit = 'px'])

  • value<Number> 설정의 표의 너비값
  • unit <String> 너비값의 단위 ('px', '%'). 기본값 'px'.

표의 DIV의 너비를 설정합니다.

Code Block
languagejs
themeEmacs
var tablediv = editor.getAPIModelById('id');
tablediv.setWidth(400);
tablediv.setWidth(100, '%');