Tinymce的配置、汉化、注释及自定义样式~！

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://opper.blog.51cto.com/628423/124385 参考：http://www.inpeck.com/TinyMceManual/ tiny中文手册 Tinymce官方网站：[url]http://tinymce.moxiecode.com/[/url] Tinymce3.2汉化版：见附件，此汉化包并不完全 Tinymce3.2官方简体中文汉化包：见附件 TinyMCE 是一个基于浏览器（例如MSIE或Mozilla）的强大的所见即所得的编辑器，它使用户可以方便的编辑HTML内容。它非常灵活并且是为系统集成而设计的，比如在Intranets、CMS、LMS等系统中应用。 TinyMCE 由 Moxiecode Systems AB 开发，根据"LGPL"版权许可证发行, 请查看版权协议以获知更多细节。 特点 易于集成，只需要简短几行代码。 支持主题和模板。 易于使用自定义代码扩展(插件和回调) 可定制HTML输出。屏蔽元素和强制属性。 国际语言支持(通过语言包)。 支持多种浏览器, 目前有 Mozilla (PC/Mac/Linux), MSIE (PC) 和 FireFox (PC/Mac/Linux)。 在调用页面中加入 <. language="." type="text/." src="tiny_mce/tiny_mce.js"> <. language="." type="text/."> tinyMCE.init({ 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_advanced_toolbar_location : "top", //定义工具栏工具的对其方式 theme_advanced_toolbar_align : "left", //定义输入框下方是否显示状态栏，默认不显示 theme_advanced_statusbar_location : "bottom", //定义是否可以改变输入窗口大小 theme_advanced_resizing : true });

This is some content that will be editable with TinyMCE.

可根据实际需要减少或者增加样式~！

This is some content that will be editable with TinyMCE.

tiny_mce文件解释 langs文件夹是所有标签语言样式 plugins 文件夹里的子文件夹包含所有标签的详细定义，每个标签文件夹里包含 的langs文件夹可定义单个标签的内部详细语言.可以对其htm文件进行更改配合 themes文件夹里的分类 对editor_template.js进行的标注 //字体大小 font_size:['font_size','fontsizeselect'], //加粗 bold:['bold_desc','Bold'], //斜体 italic:['italic_desc','Italic'], //下划线 underline:['underline_desc','Underline'], //贯穿线 strikethrough:['striketrough_desc','Strikethrough'], //左对齐 justifyleft:['justifyleft_desc','JustifyLeft'], //居中对齐 justifycenter:['justifycenter_desc','JustifyCenter'], //右对齐 justifyright:['justifyright_desc','JustifyRight'], //两边对齐 justifyfull:['justifyfull_desc','JustifyFull'], //项目符号列表 bullist:['bullist_desc','InsertUnorderedList'], //编号列表 numlist:['numlist_desc','InsertOrderedList'], //减少缩进 outdent:['outdent_desc','Outdent'], //增加缩进 indent:['indent_desc','Indent'], //剪切 cut:['cut_desc','Cut'], //复制 copy:['copy_desc','Copy'], //粘贴 paste:['paste_desc','Paste'], //撤销 undo:['undo_desc','Undo'], //重做 redo:['redo_desc','Redo'], //增加链接 link:['link_desc','mceLink'], //删除链接 unlink:['unlink_desc','unlink'], //插入图片 image:['image_desc','mceImage'], //清理代码 cleanup:['cleanup_desc','mceCleanup'], //帮助 help:['help_desc','mceHelp'], //代码视图 code:['code_desc','mceCodeEditor'], //插入水平线 hr:['hr_desc','InsertHorizontalRule'], //清除样式 removeformat:['removeformat_desc','RemoveFormat'], //显示/隐藏对象 visualaid:['visualaid_desc','mceToggleVisualAid'], //下标 sub:['sub_desc','sub.'], //上标 sup:['sup_desc','super.'], //插入特殊符号 charmap:['charmap_desc','mceCharMap'], //字体颜色 forecolor:['forecolor_desc','ForeColor'], //前景色 forecolorpicker:['forecolor_desc','mceForeColor'], //背景色 backcolor:['backcolor_desc','HiliteColor'], //背景色食色板 backcolorpicker:['backcolor_desc','mceBackColor'], //插入编辑描点 anchor:['anchor_desc','mceInsertAnchor'], //新建空白文档 newdocument:['newdocument_desc','mceNewDocument'], //引用 blockquote:['blockquote_desc','mceBlockQuote'], //查找替换 reply:['replace_desc','reply'], //查找 search:['search_desc','searchreplace']}, stateControls:['search','blockquote','newdocument','anchor','backcolor', 'forecolorpicker','forecolor','font_size','bold','italic','underline', 'strikethrough','bullist','numlist','justifyleft','justifycenter','justifyright', 'justifyfull','sub','sup','blockquote'], init:function(ed,url){var t=this,s,v,o;t.editor=ed;t.url=url;t.onResolveName=new tinymce.util.Dispatcher(this); t.settings=s=extend({ theme_advanced_path:true,theme_advanced_toolbar_location:'bottom', theme_advanced_buttons1:"search,blockquote,newdocument,anchor, backcolor,forecolorpicker,forecolor,fontsizeselect,bold,italic,underline, strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|, styleselect,formatselect", theme_advanced_buttons2:"bullist,numlist,|,outdent,indent,|,undo, redo,|,link,unlink,anchor,image,cleanup,help,code", theme_advanced_buttons3:"hr,removeformat,visualaid,|,sub,sup,|, charmap",theme_advanced_blockformats:"p,address,pre,h1,h2,h3,h4, h5,h6", 对advanced中langs里的en.js进行的标注 tinyMCE.addI18n('en.advanced',{ style_select:"/u6837/u5F0F", //字体大小 font_size:"/u5B57/u53F7", //加粗 bold_desc:"/u7C97/u4F53 (Ctrl+B)", //斜体 italic_desc:"/u659C/u4F53 (Ctrl+I)", //下划线 underline_desc:"/u4E0B/u5212/u7EBF (Ctrl+U)", //贯穿线 striketrough_desc:"/u5220/u9664/u7EBF", //左对齐 justifyleft_desc:"/u9760/u5DE6/u5BF9/u9F50", //居中对齐 justifycenter_desc:"/u5C45/u4E2D", //右对齐 justifyright_desc:"/u9760/u53F3/u5BF9/u9F50", //两边对齐 justifyfull_desc:"/u5DE6/u53F3/u5BF9/u9F50", //项目符号列表 bullist_desc:"/u9879/u76EE/u7B26/u53F7/u5217/u8868", //编号列表 numlist_desc:"/u7F16/u53F7/u5217/u8868", //减少缩进 outdent_desc:"/u51CF/u5C11/u7F29/u8FDB", //增加缩进 indent_desc:"/u589E/u52A0/u7F29/u8FDB", //剪切 cut_desc:"/u526A/u5207 (Ctrl+X)", //复制 copy_desc:"/u590D/u5236 (Ctrl+C)", //粘贴 paste_desc:"/u7C98/u8D34 (Ctrl+V)", //撤销 undo_desc:"/u64A4/u9500 (Ctrl+Z)", //重做 redo_desc:"/u91CD/u505A (Ctrl+Y)", //增加链接 link_desc:"/u63D2/u5165//u7F16/u8F91/u94FE/u63A5", //删除链接 unlink_desc:"/u5220/u9664/u94FE/u63A5", //插入图片 image_desc:"/u63D2/u5165//u7F16/u8F91/u56FE/u7247", //清理代码 cleanup_desc:"/u6E05/u7406/u4EE3/u7801", //帮助 help_desc:"/u5E2E/u52A9", //代码视图 code:"/u4EE3/u7801", //插入水平线 hr_desc:"/u63D2/u5165/u6C34/u5E73/u7EBF", //清除样式 removeformat_desc:"/u6E05/u9664/u6837/u5F0F", //显示/隐藏对象 visualaid_desc:"/u663E/u793A//u9690/u85CF/u5BF9/u8C61", //下标 sub_desc:"/u4E0B/u6807", //上标 sup_desc:"/u4E0A/u6807", //插入特殊符号 charmap_desc:"/u63D2/u5165/u7279/u6B8A/u7B26/u53F7", //字体颜色 forecolor_desc:"/u524D/u666F/u8272", //背景色 backcolor_desc:"/u80CC/u666F/u8272", //插入编辑描点 anchor_desc:"/u63D2/u5165//u7F16/u8F91/u951A/u70B9", //新建空白文档 newdocument_desc:"/u65B0/u5EFA", //引用 blockquote_desc:"/u5F15/u7528", //查找 search_desc:"/u67E5/u627E", //查找替换 replace_desc:"/u67E5/u627E//u66FF/u6362", fontdefault:"/u5B57/u4F53", block:"/u683C/u5F0F", paragraph:"/u6BB5/u843D", div:"/u5C42", address:"/u5730/u5740", pre:"/u9884/u5B9A/u4E49/u683C/u5F0F", h1:"/u6807/u98981", h2:"/u6807/u98982", h3:"/u6807/u98983", h4:"/u6807/u98984", h5:"/u6807/u98985", h6:"/u6807/u98986", blockquote:"/u5F15/u7528", samp:"/u4EE3/u7801/u8303/u4F8B", dt:"/u540D/u8BCD/u5B9A/u4E49", dd:"/u540D/u8BCD/u89E3/u91CA", code_desc:"/u4EE3/u7801/u89C6/u56FE", custom1_desc:"/u5728/u6B64/u8F93/u5165/u63CF/u8FF0", image_props_desc:"/u56FE/u7247/u5C5E/u6027", clipboard_msg:"/u590D/u5236/u3001/u526A/u5207/u548C/u7C98/u8D34/u529F/u80FD/u5728 Mozilla /u548C Firefox /u4E2D/u65E0/u6CD5/u4F7F/u7528/u3002/n/u4F60/u9700/u8981/u4E86/u89E3/u66F4/u591A/u4FE1/u606F/u5417/uFF1F", path:"/u8DEF/u5F84", newdocument:"/u786E/u5B9A/u8981/u5220/u9664/u6240/u6709/u5185/u5BB9/u5E76/u65B0/u5EFA/u4E00/u4E2A/u7A7A/u767D/u6587/u6863/u4E48/uFF1F", toolbar_focus:"/u5B9A/u4F4D/u5230/u5DE5/u5177/u680F - Alt+Q/uFF0C/u5B9A/u4F4D/u5230/u7F16/u8F91/u533A - Alt-Z/uFF0C/u5B9A/u4F4D/u5230/u5143/u7D20/u8DEF/u5F84 - Alt-X/u3002", more_colors:"/u66F4/u591A/u989C/u8272..." //自定义部分 }); 当然还是要根据自己的需要配置好最适合自己的tinymce，网上下的汉化版并不能适用于你，所以建议自己动手配置，不懂的再问我~！ 本文出自 “开拓世界领先的WEB技术” 博客，请务必保留此出处http://opper.blog.51cto.com/628423/124385 附件下载： 　　Tinymce3.2汉化版 　　Tinymce3.2官方简体中文汉化包