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

参考：http://www.inpeck.com/TinyMceManual/ tiny中文手册
Tinymce官方网站：http://tinymce.moxiecode.com/
Tinymce3.2汉化版：见附件，此汉化包并不完全
Tinymce3.2官方简体中文汉化包：见附件

TinyMCE 是一个基于浏览器（例如MSIE或Mozilla）的强大的所见即所得的编辑器，它使用户可以方便的编辑HTML内容。它非常灵活并且是为系统集成而设计的，比如在Intranets、CMS、LMS等系统中应用。

TinyMCE 由 Moxiecode Systems AB 开发，根据"LGPL"版权许可证发行, 请查看版权协议以获知更多细节。

特点-cnblogs用的也是tinymce

易于集成，只需要简短几行代码。
支持主题和模板。
易于使用自定义代码扩展(插件和回调)
可定制HTML输出。屏蔽元素和强制属性。
国际语言支持(通过语言包)。
支持多种浏览器, 目前有 Mozilla (PC/Mac/Linux), MSIE (PC) 和 FireFox (PC/Mac/Linux)。

在调用页面中加入

Code
        <. 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>

tiny_mce文件解释
langs文件夹是所有标签语言样式
plugins 文件夹里的子文件夹包含所有标签的详细定义，每个标签文件夹里包含
的langs文件夹可定义单个标签的内部详细语言.可以对其htm文件进行更改配合
themes文件夹里的分类
对editor_template.js进行的标注

Code

当然还是要根据自己的需要配置好最适合自己的tinymce，网上下的汉化版并不能适用于你，所以建议自己动手配置

posted on 2009-01-09 16:27 opper 阅读(3684) 评论(0) 编辑收藏举报

特点-cnblogs用的也是tinymce

青丝网

脱发治疗