TinyMCE編輯器是一款轻量级的网页編輯器，一般的CMS或者论坛系统多采用的是这个編輯器。TinyMCE編輯器拥有代码简洁、运行速度快、支持可视化编辑等特点，同时还拥有添加各种插件扩展的功能，是从事网页开发的不要错过。

基本介紹：

TinyMCE是一个轻量级的基于浏览器的所见即所得編輯器，支持目前流行的各种浏览器，由JavaScript写成。功能配置灵活简单（两行代码就可以将編輯器嵌入网页中），支持AJAX。另一特点是加载速度非常快，如果你的服务器采用的脚本语言是 PHP，那还可以进一步优化。最重要的是，TinyMCE是一个根据LGPL license发布的自由軟件，你可以把它用于商业应用。本站采用的就是TinyMCE編輯器

TinyMCE特點

1.Javascript+可視化支持

2.易于集成

3.支持多種浏覽器

4.多語系：支持44種語系(包括簡繁體中文)支持46種語系(包括簡繁體中文)

5.開發者可利用官方提供的應用程序接口擴展

6.开源軟件

7.Moxiecode社區對其提供官方技術支持

TinyMCE使用教程:

1、首先將TinyMCE解壓縮，會建立如下的目錄結構:

/tinymce/

/tinymce/docs/

/tinymce/docs/zh_cn/

/tinymce/examples/

/tinymce/examples/zh_cn/

/tinymce/jscripts/

/tinymce/jscripts/tiny_mce/

/tinymce/jscripts/tiny_mce/langs/

/tinymce/jscripts/tiny_mce/plugins/

/tinymce/jscripts/tiny_mce/plugins/

/tinymce/jscripts/tiny_mce/themes/

/tinymce/jscripts/tiny_mce/themes/advanced/

/tinymce/jscripts/tiny_mce/themes/default/

/tinymce/jscripts/tiny_mce/themes/simple/

其中docs/目錄下是TinyMCE的說明文檔，examples/目錄下是4個實例頁面，而jscripts/目錄下則是真正的JS文件。實際使用時候只需要將jscripts/目錄上傳到服務器上即可。

2、然後在需要使用TinyMCE的頁面裏加入如下的JS代碼:

這裏假設頁面與jscripts/處于同一目錄下，否則請修改代碼裏的路徑。

現在頁面裏所有的textarea元素就會被渲染成TinyMCE實例。

3、初始化配置介紹:

tinyMCE.init({

mode : "exact",

elements : "example_textarea",

theme : "advanced",

language :"zh_cn",

plugins : "flash,emotions,paste",

theme_advanced_buttons1 : "bold,italic,underline,

strikethrough, separator, forecolor,backcolor,

fontselect,fontsizeselect",

theme_advanced_buttons2_add_before: "cut,copy,

pastetext,separator",

theme_advanced_buttons2 : "undo,redo,separator,hr,

link,unlink,image,flash,separator",

theme_advanced_buttons2_add :"code,emotions,charmap",

theme_advanced_buttons3 : "",

theme_advanced_toolbar_location : "bottom",

theme_advanced_toolbar_align : "center",

relative_urls : false,

remove_script_host : false

});

引用內容

mode与elements是搭配使用的，用来指定渲染name在elements中的HTML元素为TinyMCE編輯器(可以是DIV或者Textarea)，比如:

mode : "exact",elements : "example_textarea"

也可以单独用 mode : "textareas",这样页面中所有的Textarea元素都会被渲染。

theme 可以是advanced或者simple(受功能限制),也可以自定义主题。

language 常用选择可以是:en,zh_cn,zh_cn_utf8,zh_tw,zh_tw_utf8(和语言包名字对应)

plugins 用来指定加载相应的插件，以提供特别功能

theme_advanced_buttons 后面的数字用来指定工具栏的第几行，前3行可以不写，系统会自动用默认图标填在前3个工具栏，如果你不想显示前3行，可以像例子里面一样这样写:theme_advanced_buttons3 : "",_add_before后缀指在默认工具栏前面加图标，_add后缀指在默认工具栏后面加图标，具体每个按钮资料可以查看文档(/doc目录)。

theme_advanced_toolbar_location和theme_advanced_toolbar_align很簡單，一看就明白。