- 정보공유
[그누보드팁] 스마트 에디터 반응형에서 가로사이즈 맞게 출력시키기
-------------------------------------------------------------------------
/plugin/editor/smarteditor2/css/smart_editor2.css 파일에서 아래 2가지 수정.
약 6번째 줄에 아래 코드 추가.
#smart_editor2{margin-right:1px!important;min-width:100px!important}
#smart_editor2 .se2_text_tool{position:relative;clear:both;z-index:30;padding:4px 0 4px 3px;background:#f4f4f4 url("../img/bg_text_tool.gif") 0 0 repeat-x;border-bottom:1px solid #b5b5b5;*zoom:1}
를
#smart_editor2 .se2_text_tool{position:relative;clear:both;z-index:30;padding:4px 15px 4px 3px;background:#f4f4f4 url("../img/bg_text_tool.gif") 0 0 repeat-x;border-bottom:1px solid #b5b5b5;*zoom:1}
로 수정.
-------------------------------------------------------------------------
plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css 하단에
@media (max-width: 767px) { /* xs */
#smart_editor2 .se2_text_tool ul{float:none;display:block;margin-right:3px;padding-left:1px;white-space:nowrap}
#smart_editor2 .se2_text_tool ul.se2_font_type {margin-bottom:3px}
#smart_editor2 .se2_text_tool ul.se2_font_type li {margin-left: 0px;}
#smart_editor2 .se2_text_tool ul.se2_font_type:after {display:block;visibility:hidden;clear:both;content:""}
}
-------------------------------------------------------------------------
plugin/editor/smarteditor2/SmartEditor2noframe.html
<script type="text/javascript">
if(window.frameElement){
jindo.$("se2_sample").style.display = "none";
}else{
var oEditor = createSEditor2(jindo.$("ir1"), {
bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
bUseVerticalResizer : true, // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
bUseModeChanger : true, // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
//bSkipXssFilter : true, // client-side xss filter 무시 여부 (true:사용하지 않음 / 그외:사용)
//aAdditionalFontList : [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]],
fOnBeforeUnload : function(){
//예제 코드
//return "내용이 변경되었습니다.";
},
minWidth: 300
});
plugin/editor/smarteditor2/js/service/SE2BasicCreator.js