Page History

모든 편집용 Model의 APIModel Element의 부모 Class입니다. 기본적으로 모델을 다루는데 필요한 속성과 메소드를 제공합니다.

Properties

id 

• String><String>

Element의 ID

type

• String<String>

Element의 Type

index

• Number<Number>

현재 index

parent

• Element<Element>

부모 API 모델

nextSibling

• Element<Element>

부모 다음 형제 API 모델

previousSibling

• Element<Element>

부모 이전 형제 API 모델

firstChild

• Element<Element>

부모 첫번째 자식 API 모델

lastChild

• Element<Element>

부모 마지막 자식 API 모델

children

• Element

...

• <Element[]>

자식 API 모델들 (배열)

siblings

• Element

...

• <Element[]>

형제 API 모델들 (배열)

nextSiblings

• Element

...

• <Element[]>

다음 형제 API 모델들 (배열)

previousSiblings

• Element

부모 API 모델

...

Methods

closest(condition)

• condition <Function> 검색 조건

...

• <Element[]>

이전 형제 API 모델들 (배열)

className

• <String>

Element의 className

attributes

• <String>

Element의 attributes(id, class, style 제외)

options

• <Object>
  • skipUndoRedo<Boolean>
  • skipRendering<Boolean>

Options객체

skipUndoRedo

• <Boolean>

편집시 undo, redo를 생략할지 여부

skipRendering

• <Boolean>

편집시 rendering을 생략할지 여부

Methods

closest(condition)

• condition <Function> 각 요소를 시험할 함수
  • condition 함수의 첫번째 인자 : 현재 API 모델 Element
  • condition 함수의 return : <Boolean>
• Returns: <Element> API 모델 Element

상위 API 모델 중 조건에 맞는 API 모델을 반환합니다.

var run = editor.getAPIModelById('id');
var body = run.closest(function(apiModel){
	return apiModel.type === 'Body';
});

setId(id)

• id <String> 모델에 설정할 ID 값

ID를 설정합니다.

var element = editor.getAPIModelById('id');
element.setId('test_setId');

setStyle(cssText)

• cssText <String> HTML DOM상에서 style 속성에 들어간 문자열

스타일을 설정합니다.

var element = editor.getAPIModelById('id');
element.setStyle('background-color: red;');

empty()

자식 요소들을 모두 제거합니다.

var element = editor.getAPIModelById('id');
element.empty();

addClass(className)

• className <String> HTML DOM상에서 class 속성에 들어간 문자열

className을 추가합니다.

var element = editor.getAPIModelById('id');
element.addClass('synap_editor');

removeClass(className)

• className <String> HTML DOM상에서 class 속성에 들어간 문자열

className을 제거합니다.

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

...

element.removeClass('synap_editor');

hasClass(className)

• className <String> HTML DOM상에서 class 속성에 들어간 문자열

className이 있는지 확인합니다.

var element = editor.getAPIModelById('id');
element.hasClass('synap_editor');

setAttribute(name, value)

• name <String> HTML DOM상에 들어갈 속성명
• value <String> HTML DOM상에 들어갈 속성값

속성을 추가합니다.

var element = editor.getAPIModelById('id');
element.setAttribute('name', 'synap_editor');

removeAttribute(name)

• name <String> HTML DOM상에 들어갈 속성명

속성을 제거합니다.

var element = editor.getAPIModelById('id');
element.setAttribute('name');