tinyMCE.init({ // General options mode : "textareas", theme : "advanced", plugins : "safari,spellchecker,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,imagemanager,filemanager", // Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, // Example content CSS (should be your site CSS) content_css : "css/example.css", // Drop lists for link/image/media/template dialogs template_external_list_url : "js/template_list.js", external_link_list_url : "js/link_list.js", external_image_list_url : "js/image_list.js", media_external_list_url : "js/media_list.js", // Replace values for the template plugin template_replace_values : { username : "Some User", staffid : "991234" } });
我的代码:
tinyMCE.init({ // General options mode : "textareas", theme : "advanced", skin : "o2k7", language : "zh", width : "100%", height : "400", // Theme options theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom" oninit : function(){ tobeready --; if (tobeready == 0){ if (id > 0){ set_template(id); } } } });
注意mode:none。在页面的head中引入/tiny_mce/tiny_mce.js和/tiny_mce/init.js
当需要加载的时候只需要调用
tinyMCE.execCommand('mceAddControl', false, this.id);
就可以生成mce编辑器了。
如果需要动态的移除mce,只需要调用
if (tinyMCE.getInstanceById(this.id)) { tinyMCE.execCommand('mceFocus', false, this.id); tinyMCE.execCommand('mceRemoveControl', false, this.id); }
myCustomInitInstance是指在mce加载后调用的函数
tinymce 中文字体过小解决方法
解决方案 : js\themes\advanced\css\editor_content.css 中的
body, td, pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
10px 改为 12px 就可以了。
改变编辑器内容(HTML)的方法
tinyMCE.getInstanceById("sms_text").getBody().innerHTML = mail["content"];
其中id为需要改为richedit的textarea元素的id