'TinyMCE'에 해당되는 글 4건

  1. 2010.01.22 tinymce 에디터 enter 설정
  2. 2010.01.22 tinymce 설정
  3. 2010.01.22 tinymce 에디터 설정
  4. 2010.01.22 tinymce 에디터 설정

 
기본은 <p>가나다</p>
 
force_br_newlines : true
 
설정하면
엔터가 <br>로 바뀜.
 
 
 
 
 
$(document).ready(function() {
  $('textarea.tinymce').tinymce({
   // Location of TinyMCE script
   script_url : CONTEXTPATH+'/common/tiny_mce/tiny_mce.js',
   // General options
   theme : "advanced",   
//   theme : "simple",   
   //IE에서 한글입력 문제 해결을 위해
   forced_root_block : false,
   //plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
   plugins : "safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",   
   // Theme options
//   theme_advanced_buttons1 : "bold,italic,underline, strikethrough, separator,justifyleft, justifycenter,justifyright,  justifyfull, separator,help",
//   이건 심플용 샘플
   
   //formatselect,,|,cut,copy,paste,pastetext,pasteword
   
   theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect,|,search,replace,|,print,fullscreen",
   theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor,|,hr,removeformat,|,sub,sup,|,charmap,emotions,media,",
   theme_advanced_buttons3 : "tablecontrols",
   
   theme_advanced_fonts : "굴림=굴림;굴림체=굴림체;궁서=궁서;궁서체=궁서체;돋움=돋움;돋움체=돋움체;바탕=바탕;바탕체=바탕체;Arial=Arial; Comic Sans MS='Comic Sans MS';Courier New='Courier New';Tahoma=Tahoma;Times New Roman='Times New Roman';Verdana=Verdana",
   
   theme_advanced_toolbar_location : "top",
   theme_advanced_toolbar_align : "left",
   theme_advanced_statusbar_location : "bottom",
   theme_advanced_resizing : true,
   theme_advanced_path : false,
   // Example content CSS (should be your site CSS)
   //content_css : "css/content.css",   
   content_css : CONTEXTPATH+'/common/css/backend.css',
   // Drop lists for link/image/media/template dialogs
   template_external_list_url : "lists/template_list.js",
   external_link_list_url : "lists/link_list.js",
   external_image_list_url : "lists/image_list.js",
   media_external_list_url : "lists/media_list.js",
   force_br_newlines : true,
   
   // Replace values for the template plugin
   template_replace_values : {
    username : "Some User",
    staffid : "991234"
   }
  });
});
Posted by [czar]
,

tinymce 설정

카테고리 없음 2010. 1. 22. 17:25
http://susukang98.springnote.com/pages/3010938


// 한글 폰트들 추가  theme_advanced_fonts : "굴림=굴림;굴림체=굴림체;궁서=궁서;궁서체=궁서체;돋움=돋움;돋움체=돋움체;바탕=바탕;바탕체=바탕체;Arial=Arial; Comic Sans MS='Comic Sans MS';Courier New='Courier New';Tahoma=Tahoma;Times New Roman='Times New Roman';Verdana=Verdana",



  1. td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;} //18번째 라인
  2. fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:12px;} // 25번째 라인
  3. input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} // 31번째 라인

js\tiny_mce\themes\advanced\skins\default\dialog.css



더 자세한 정보는 위 링크에
Posted by [czar]
,



사이즈 100%로 설정하기
<textarea style="width:100%;" class="tinymce"></textarea>


$(document).ready(function() {
  $('textarea.tinymce').tinymce({
   // Location of TinyMCE script
   script_url : '/common/tiny_mce/tiny_mce.js',

   // General options
   theme : "advanced",   
   //plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
   plugins : "safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",   

   // Theme options
   theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull",
   theme_advanced_buttons2 : ",formatselect,fontselect,fontsizeselect",
   theme_advanced_buttons3 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo",
   theme_advanced_buttons3 : "link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
   theme_advanced_buttons4 : "tablecontrols,|,hr,removeformat,visualaid",
   theme_advanced_buttons4 : "sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
   theme_advanced_buttons5 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
   
   theme_advanced_toolbar_location : "top",
   theme_advanced_toolbar_align : "left",
   theme_advanced_statusbar_location : "bottom",
   theme_advanced_resizing : false,
   theme_advanced_path : false,

   // Example content CSS (should be your site CSS)
   //content_css : "css/content.css",

   // Drop lists for link/image/media/template dialogs
   template_external_list_url : "lists/template_list.js",
   external_link_list_url : "lists/link_list.js",
   external_image_list_url : "lists/image_list.js",
   media_external_list_url : "lists/media_list.js",

   // Replace values for the template plugin
   template_replace_values : {
    username : "Some User",
    staffid : "991234"
   }
// 이 부분은 꼭 필요한건가? 몰겠넹.


 

  });
});

Posted by [czar]
,

http://www.xpressengine.com/18324194

1. 하단의 path bar가 너무 긴 경우 에디터가 윈도우 사이즈보다 길어집니다.

예를 들어

<p><p><p><p><p><P><P><p><div><p> 여기에 내용 </p></div></p>......

인 경우  하단의 path bar에

p > p > p > p > p > P > P > p > div > p >  이렇게 나타나는데 엑셀데이터 같은거 복사한 경우 너무 길어서 화면크기를 벗어납니다.

xe_inteface.js 파일의  tinyMCE.init() 함수에 

theme_advanced_path : false, 를 추가해주시면 하단 path bar에 내용이 출력되지 않습니다.

Posted by [czar]
,