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

古城微笑少年丶 2022-07-12 15:25 2246阅读 0赞

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。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官方简体中文汉化包