Search results for 'form'

나모 크로스에디터 - 폼 전송 널(null)값 체크

2020. 6. 24. 13:01


게시판에 나모 크로스 에디터를 이용 중일때,

본문 내용에 널 값 체크(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=

텍사스양 일상에서