TinyMCE初始化代码

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

你可能感兴趣的:(JavaScript)