포럼
에디터가 이상한 건지; 제가 못찾는건지 모르겠네요..
2013.04.07 16:06
에디터 스킨을 만들려고 노력중입니다...
거의 다 됐는데 몇몇 부분에서 이상합니다.
에디터 js 파일을 하루종일 후벼파서 (-_-;;) 이제 대강 구조가 잡히는데요,
그 부분이 맞을꺼라 예상하고 수정을 해도 전혀 변화가 없습니당 .. 하하;;
xpresseditor 를 복사하여 수정중인데요
$ON_EVENT_EDITING_AREA_KEYDOWN : function(oEvent) {
// ctrl-left/right add/remove indent
if(!oEvent.ctrlKey) return;
switch(oEvent.keyCode) {
// outdent
case 37 :
this.oApp.exec("EXECCOMMAND", ["outdent", false, false]);
break;
// indent
case 39 :
this.oApp.exec("EXECCOMMAND", ["indent", false, false]);
break;
// h1 ~ h6, normal
case 49 :
case 50 :
case 51 :
case 52 :
case 53 :
case 54 :
this.oApp.exec("EXECCOMMAND", ["FormatBlock", false, '<h'+(oEvent.keyCode-48)+'>']);
break;
default :
return;
}
oEvent.preventDefault(); oEvent.stopPropagation();
},
// ctrl-left/right add/remove indent
if(!oEvent.ctrlKey) return;
switch(oEvent.keyCode) {
// outdent
case 37 :
this.oApp.exec("EXECCOMMAND", ["outdent", false, false]);
break;
// indent
case 39 :
this.oApp.exec("EXECCOMMAND", ["indent", false, false]);
break;
// h1 ~ h6, normal
case 49 :
case 50 :
case 51 :
case 52 :
case 53 :
case 54 :
this.oApp.exec("EXECCOMMAND", ["FormatBlock", false, '<h'+(oEvent.keyCode-48)+'>']);
break;
default :
return;
}
oEvent.preventDefault(); oEvent.stopPropagation();
},
위 부분의 h1~h6 핫키가 설정되어 있습니다.
컨트롤 1~6 누를시 h1~h6 이 설정되는거죠. 이부분을 보고
this.oApp.exec("EXECCOMMAND", ["FormatBlock", false, '<h1>']);
으로 설정하면 따로 H1~H3 에디터 툴바에 버튼을 만들 수 있겠구나 싶었습니다...
그렇게 배치해도 전혀 버튼이 꿈쩍도 안하기에.. case 49 를 지우고 저장후 테스트 해봤는데 여전히 핫키가 잘 작동합니다^^;;
js 임폴트도 저것만 되어있는데.. 저기에 어떤부분을 수정해도 전혀 문제가 없이돌아가네요 ..
기타 다른 컴포넌트를 밖으로 내는건, 아는데.. 선택박스로 되어있는 헤더스타일 선택하는것을 버튼식으로 바꾸려니까 힘든것 같습니다.
에디터를 많이 다뤄보셧거나, 잘 아시는분은 조금 도움을 주셨으면 좋겠습니다.
아! 또, 헤더등등 스타일을 적용한 후에 엔터쳐서 나오면 P태그가 입력되는게 아니라 DIV로 입력됩니다. 저만 그런건 아니죠..?
고생이 많으십니다^^
성원을 하염없이 보냅니다. 저는 관찰자 역할만을 할 수밖에 없기에 안타깝지만요^^