사이냅 에디터 문서
Space shortcuts
Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

Table extends Element

표를 편집하는데 사용되는 API 모델입니다.

Methods


deleteCol(startIndex[, endIndex])

  • startIndex <Number> 삭제할 열의 시작 위치 (0부터 시작)
  • endIndex <Number> 삭제할 열의 끝 위치

표에서 지정된 열을 삭제합니다. startIndex값은 0부터 시작하며 endIndex가 지정되지 않으면 startIndex에 해당하는 열만 삭제합니다.

var table = editor.getAPIModelById('id');
table.deleteCol(1);	// 두번째 열을 삭제
table.deleteCol(1,3); // 두번째 열부터 네번째 열까지 삭제

deleteRow(startIndex[, endIndex])

  • startIndex <Number> 삭제할 행의 시작 위치 (0부터 시작)
  • endIndex <Number> 삭제할 행의 끝 위치

표에서 지정된 행을 삭제합니다. startIndex값은 0부터 시작하며 endIndex가 지정되지 않으면 startIndex에 해당하는 행만 삭제합니다.

var table = editor.getAPIModelById('id');
table.deleteRow(1);	// 두번째 행을 삭제
table.deleteRow(1,3); // 두번째 행부터 네번째 행까지 삭제

deleteContents()

표 안쪽 셀의 모든 내용을 삭제합니다.

var table = editor.getAPIModelById('id');
table.deleteContents();

insertCol(index)

  • index <Number> 추가할 열의 위치

지정된 위치에 열을 추가합니다.

var table = editor.getAPIModelById('id');
table.insertCol(1);

insertRow(index)

  • index <Number> 추가할 행의 위치

지정된 위치에 행을 추가합니다.

var table = editor.getAPIModelById('id');
table.insertRow(1);

mergeCell(startRowIndex, startColIndex, endRowIndex, endColIndex)

  • startRowIndex <Number> 병합할 행의 시작 위치
  • startColIndex <Number> 병합할 열의 시작 위치
  • endRowIndex <Number> 병합할 행의 끝 위치
  • endColIndex <Number> 병합할 열의 끝 위치

지정된 셀들을 병합합니다.

var table = editor.getAPIModelById('id');
table.mergeCell(0, 0, 1, 2);

replace(html)

  • html <String> 교체할 HTML String.

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

var image = editor.getAPIModelById('id');
image.replace('<span>Image replace</span>');

remove()

Element 자신을 제거합니다.

var image = editor.getAPIModelById('id');
image.remove();

setColWidth(index, value[, unit = 'px'])

  • index <Number> 설정할 열의 위치.
  • value 설정할 너비 값
  • unit 너비값의 단위 ('px', '%'). 기본값 'px'.

지정된 열의 너비를 설정합니다.

var table = editor.getAPIModelById('id');
table.insertRow(1);

setRowHeight(index, value)

  • index <Number> 설정할 행의 위치
  • value 설정할 높이 값. 행의 높이는 'px'로만 설정 할 수 있습니다.

지정된 행의 높이를 설정합니다.

var table = editor.getAPIModelById('id');
table.insertRow(1);

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

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

표의 높이를 설정합니다.

var table = editor.getAPIModelById('id');
table.setHeight(200);
table.setHeight(200, 'px');

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

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

표의 너비를 설정합니다.

var table = editor.getAPIModelById('id');
table.setWidth(400);
table.setWidth(100, '%');
  • No labels