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

参考: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
                });
        </.>
         < form id ="form1" runat ="server" >
         < div >
         < textarea name ="content" rows ="15" style ="width: 816px" >This is some content that will be editable with TinyMCE. </textarea>
         </div>
         </form>
可根据实际需要减少或者增加样式~!
         < form id ="form1" runat ="server" >
         < div >
         < textarea name ="content" rows ="15" style ="width: 816px" >This is some content that will be editable with TinyMCE. </textarea>
         </div>
         </form>
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,网上下的汉化版并不能适用于你,所以建议自己动手配置,不懂的再问我~!

你可能感兴趣的:(职场,休闲,Tinymce的配置,Tinymce3.2,Tinymce汉化)