나모 크로스에디터 - 폼 전송 널(null)값 체크
게시판에 나모 크로스 에디터를 이용 중일때,
본문 내용에 널 값 체크(null check) 관련하여,
기존 스크립트 구문이 작동하지 않아 수정해야 하는데,
관련한 글 검색이 없어 적용하는데 오래걸렸다...
아래와 같이 2가지 방식이 있는데,
차이점은
본문 텍스트 없이 첨부파일 이미지만 등록했을 때,
이 부분을 체크하냐 안하냐 여부다..
이미지 등록만도 널 값으로 체크하려면,
IsDirth 메서드를 사용해야 한다..
또한,
게시판 폼 체크시 본문내용 값을 받아 넘길때,
$("textarea[name=Content]").val(CrossEditor.GetBodyValue());
폼(form) 전송을 할 경우 콘텐츠의 내용 유무에 대한 구분이 필요한 경우가 있습니다.
이러한 경우 크로스에디터에서 제공하는 "IsDirty" 또는 "GetTextValue" API를 사용하여 구분할 수 있습니다.
"IsDirty" Method는 문서 내용이 변경된 경우 true값을, 문서 내용이 변경되지 않은 경우 false값을 반환합니다. 에디터 로딩 시 "SetDirty" Method를 설정 후 사용해야 합니다.
크로스에디터로 focus 이동은 "SetFocusEditor" Method를 사용합니다.
var CrossEditor = new NamoSE('namoeditor1');
CrossEditor.EditorStart();
CrossEditor.SetDirty(); //현재 문서 편집 상태 초기화
if(!CrossEditor.IsDirty()){ // 크로스에디터 안의 컨텐츠 입력 확인
alert("에디터에 내용을 입력해 주세요!!");
CrossEditor.SetFocusEditor(); // 크로스에디터 Focus 이동
return false;
}
"GetTextValue" Method는 문서 안의 text 값을 반환하기 때문에 "IsDirty"와 같은 기능을 할 수 있습니다.
if(CrossEditor.GetTextValue () == ""){ // 크로스에디터 안의 콘텐츠 입력 확인
alert("에디터에 내용을 입력해 주세요 !!");
CrossEditor.SetFocusEditor(); // 크로스에디터 Focus 이동
return false;
}
설치도움말
https://comp.namoeditor.co.kr/ce4/help/ko/install_guide/frames/ig_frame_apply.html
글쓰기 체험판
http://comp.namoeditor.co.kr/ce4/demo/namo/experience_write.jsp?code=01&tmp=
'일상에서' 카테고리의 다른 글
윈10 - 날짜 옆에 요일 표시 (0) | 2020.07.10 |
---|---|
윈도우 업데이트 후, 원격 데스크톱 연결 오류 (0) | 2020.07.07 |
크롬에서 티스토리 사진 올리기 플래시 사용 방법 (0) | 2020.05.19 |
재난지원금보다 큰 금액을 결제할 경우 (0) | 2020.05.19 |
긴급재난지원금 조회 서비스 (0) | 2020.05.05 |