웹마스터 팁
textarea 에디터를 사용하는 리플에서 태그 막기
2009.02.22 16:49
글에서는 편리한 default 에디터를 사용하지만, 리플은 글처럼 다양한 입력이 필요하다고 생각하지 않아서 textarea 에디터를 사용했는데, 이게 편의기능만 빠졌을 뿐이지 실제로 html 태그 입력에는 전혀 제한이 없습니다.
따라서 리플에서 html 태그를 막기 위해, 예전에 올렸던 글(http://www.zeroboard.com/16798225)에 HNO3님께서 리플로 달아주신 방법을 사용중이었지만, 그게 언젠가부터 버전업 이후로 작동하지 않아서 사실상 포기했었습니다.
사이트에서 리플에 의도적으로 html 태그를 쓰는 경우는 별로 없었지만, 이모티콘을 쓸려고 >나 <가 들어가는 경우는 종종 있었는데(>,.<b 라던가), 그 경우 그 리플 아래에 표시되는 내용들의 레이아웃이 전부 다 아작나지요.
그런데 가만히 생각해보니 default 에디터에서는, >나 <가 >나 <로 알아서 변환이 되더군요. 그럼 default 에디터의 해당 부분을 textarea에 갖다 붙이기만 하면 문제가 해결되겠다는 감이 와서 한번 해봤습니다.
수정해야 할 파일은 zbxe/modules/editor/skins/textarea/js/xe_interface.js 입니다.
수정 전
function editorStartTextarea(editor_sequence, content_key, primary_key) {
var obj = xGetElementById('editor_'+editor_sequence);
obj.form.setAttribute('editor_sequence', editor_sequence);
obj.style.width = '99%';
editorRelKeys[editor_sequence] = new Array();
editorRelKeys[editor_sequence]["primary"] = obj.form[primary_key];
editorRelKeys[editor_sequence]["content"] = obj.form[content_key];
editorRelKeys[editor_sequence]["func"] = editorGetContentTextarea;
var content = obj.form[content_key].value;
content = content.replace(/<br([^>]+)>/ig,"");
obj.value = content;
}
function editorGetContentTextarea(editor_sequence) {
var obj = xGetElementById('editor_'+editor_sequence);
var content = obj.value.trim();
content = content.replace(/(\r\n|\n)/g, "<br />$1");
return content;
}
수정 후
function editorStartTextarea(editor_sequence, content_key, primary_key) {
var obj = xGetElementById('editor_'+editor_sequence);
obj.form.setAttribute('editor_sequence', editor_sequence);
obj.style.width = '99%';
editorRelKeys[editor_sequence] = new Array();
editorRelKeys[editor_sequence]["primary"] = obj.form[primary_key];
editorRelKeys[editor_sequence]["content"] = obj.form[content_key];
editorRelKeys[editor_sequence]["func"] = editorGetContentTextarea;
var content = obj.form[content_key].value;
content = content.replace(/<br([^>]+)>/ig,"");
content = content.replace(/</g, "<");
content = content.replace(/>/g, ">");
content = content.replace(/"/g, '"');
content = content.replace(/&/g, "&");
obj.value = content;
}
function editorGetContentTextarea(editor_sequence) {
var obj = xGetElementById('editor_'+editor_sequence);
var content = obj.value.trim();
content = content.replace(/&/g, "&");
content = content.replace(/</g, "<");
content = content.replace(/>/g, ">");
content = content.replace(/\"/g, """);
content = content.replace(/(\r\n|\n)/g, "<br />$1");
return content;
}
default 스킨의 해당 자바스크립트(zbxe/modules/editor/skins/default/js/xe_interface.js)를 보시면 아시겠지만 필요한 부분만 갖다 붙인 것입니다. defalut의 파일을 그대로 올리면 약간 차이가 나는 부분 때문에 스킨이 깨지더군요.
귀찮으신 분들은 그냥 zbxe/modules/editor/skins/textarea/js/xe_interface.js를 아래 파일로 대체하시면 됩니다.
xe_interface.js
댓글 2
-
php,cgi어렵네
2009.02.23 16:07
-
SMaker
2009.02.23 20:38
참고 : faceOff (개발자 버전)에서는 소스를 수정하실 필요 없이 스킨 변경만으로 가능합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] | BJ람보 | 2014.04.26 |
라르게덴님의 Xpresseditor + AXISJ AXUpload5(HTML5)와 mex_default 스킨 [5] | 투씨 | 2013.11.29 |
에디터입력창 배경색상(이미지) 변경해보기 [5] [1] | 팔공산 | 2008.07.13 |
중국어(zh-CN) 포함한 다국어시 페이지모듈 버그 해결법 [1] | sejin7940 | 2012.07.26 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
나만의 위지윅 웹에디터 만들기 - 기본 준비2 [2] | 예뜨락 | 2008.05.11 |
나만의 위지윅 웹에디터 만들기 - 기본 준비1 [3] | 예뜨락 | 2008.05.05 |
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서 [4] | 예뜨락 | 2008.05.05 |
textarea 에디터를 사용하는 리플에서 태그 막기 [2] | 老姜君 | 2009.02.22 |
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] | 대암지기 | 2008.03.09 |
에디터에 관리자멘트 넣기 [총정리] [17] | 된장맛껌 | 2009.05.23 |
회원약관 추가 [7] | 애치티 | 2009.01.15 |
댓글(코멘트) 입력창에 이미지 넣기 [19] | skyatc | 2008.08.29 |
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] | 지허 | 2007.10.01 |
에디터 사용 옵션으로 처리하기[EDITOR MODULE][ver 1.0.1][Page4-3] | 대암지기 | 2008.04.08 |
감사합니다