CE_OnApplyFormatv4.6.0.27 or higher
현재 편집 중인 문서에서 적용한 서식 메뉴에 대한 정보를 얻어옵니다.
해당 이벤트는 React, Vue2, Vue3 환경에서 적용가능합니다.
Parameters
이벤트 발생 시 아래와 같은 객체를 반환합니다.
|
객체명
|
용도
|
구분
|
|
type
|
이벤트 발생 type
- format
|
이벤트 공통
|
|
editorTarget
|
에디터 메인 클래스 객체
|
이벤트 공통
|
|
editorName
|
설정된 에디터 이름
|
이벤트 공통
|
|
cmdID
|
서식 메뉴의 ID
|
bold
|
진하게
|
|
italic
|
이탤릭
|
|
underline
|
밑줄
|
|
strikethrough
|
취소선
|
|
fontcolor
|
글자색
|
|
fontbackgroundcolor
|
글자 배경색
|
|
cancelattribute
|
모든글자 속성 지우기
|
|
subscript
|
아랫첨자
|
|
superscript
|
윗첨자
|
|
letterspacing
|
글자간격
|
|
justifyleft
|
왼쪽정렬
|
|
justifycenter
|
가운데 정렬
|
|
justifyright
|
오른쪽정렬
|
|
justifyfull
|
양쪽맞춤
|
|
outdent
|
내어쓰기
|
|
indent
|
들여쓰기
|
|
txtmargin
|
문단여백
|
|
paragraphsetup
|
문단
|
|
numberset
|
숫자목록
|
|
markset
|
기호목록
|
|
blockquote
|
인용구문
|
|
formatblock
|
헤딩
|
|
fontname
|
글꼴
|
|
fontsize
|
글꼴 크기
|
|
lineheight
|
줄간격
|
표 기능의 ID
|
tableinsert
|
표만들기
|
|
tabledraginsert
|
표 그리기
|
|
tablerowinsert
|
행 추가
|
|
tablerowdelete
|
행 삭제
|
|
tablecolumninsert
|
열 추가
|
|
tablecolumndelete
|
열 삭제
|
|
tablecellmerge
|
셀 병합
|
|
tablecellsplit
|
셀 나누기
|
|
tablecellattribute
|
셀 속성
|
|
tablecellbgcolor
|
셀 배경색
|
|
tableborder
|
셀 테두리
|
|
indent
|
표 들여쓰기
|
|
outdent
|
표 내어쓰기
|
|
tabledeletewidth
|
모든 너비 속성 없애기
|
|
tabledeleteheight
|
모든 높이 속성 없애기
|
|
tabledeletewidthheight
|
모든 너비/높이 속성 없애기
|
|
tabledelete
|
표 삭제
|
|
tableconverttext
|
표를 텍스트로 변환
|
|
tablesamewidth
|
셀 너비 같게
|
|
tablesameheight
|
셀 높이 같게
|
|
tablesamewidthheight
|
셀 너비/높이 같게
|
그림넣기 기능의 ID
|
image
|
그림넣기
|
|
ce_imageeditor
|
포토에디터
|
|
backgroundimage
|
배경그림
|
|
imagedelete
|
그림 삭제
|
동영상 기능의 ID
|
flash
|
동영상
|
|
flashdelete
|
동영상 삭제
|
하이퍼링크 기능의 ID
|
hyperlink
|
하이퍼링크
|
|
remove_hyperlink
|
하이퍼링크 제거
|
|
CE_OnApplyFormat 공통
|
Sample Codes
var CrossEditor = new NamoSE("test");
CrossEditor.EditorStart();
function CE_OnApplyFormat(e){
console.log(e.cmdID);
}
|