ckeditor의 checkDirty()와 resetDirty()는 무엇인가?

ckeditor, 자바스크립트로 내용 집어넣기(전체 내용 바꾸기)에서 다운받으면 나오는 _samples의 API를 보면 몇몇 API는 쉽게 볼 수 있다고 썼다.

ckeditor/_samples/api.html 가 바로 그 API 페이지다. 여기에는 checkDirty와 resetDirty라는 버튼이 있다.

이건 뭔고하니, 간단하다. 페이지에 변화가 있었는지 없었는지 체크하는 것이다. 변화가 있었다면 true, 없었다면 false를 반환한다. 수정하러 들어왔다가 아무 것도 수정하지 않고 돌아간다면 굳이 submit할 필요가 없을 테니 그럴 때 사용하는 것 아닐까? 아니면 ajaxAutoSave 같은 걸 만들 때 사용하거나.

각 버튼에 바인드된 함수 코드는 아래와 같다.

function CheckDirty()
{
	// 원하는 에디터 인스턴스를 고른다.
	var oEditor = CKEDITOR.instances.textarea_id;
	alert( oEditor.checkDirty() );
}

function ResetDirty()
{
	// 원하는 에디터 인스턴스를 고른다.
	var oEditor = CKEDITOR.instances.textarea_id;
	oEditor.resetDirty();
	alert( 'IsDirty 상태가 리셋됐습니다.' );
}

ResetDirty를 하고 나서 CheckDirty를 하면, 아무것도 변하지 않았다는 의미로 false라고 나온다.

아작스 오토 세이브 같은 걸 한 다음 ResetDirty 함수를 실행하면 사용자들이 자기 데이터가 저장됐는지 안 됐는지 알 수 있을 것이다.

카테고리

17년차 풀스택 웹 개발자 Mytory입니다

웹 개발에서도 중요한 것은 개념입니다.
이 블로그에는 제가 개발하며 익힌 개념들을 정리합니다.

워드프레스를 오래 다뤄 왔고 강의도 두 편 찍었습니다.
– 인프런 “워드프레스 제대로 개발하기 어드민 편, 클라이언트 편
– 클래스101 “누구나 할 수 있는 워드프레스 홈페이지 만들기 – 기획부터 출시까지 한 방에 OK

유튜브 채널에 워드프레스 관련 팁들을 올리고 있습니다.

👉 소개 더 보기

대표글

댓글 남기기