tinyMCE编辑器用法

初始化

在初始化TinyMCE的时候，需要把以下代码加入到页面的HEAD标签中。按以下例子中的设置，所有的TEXTAREA文本域在页面加载时将被转换成编辑器。另外还有其他模块，我们将在后面详细讲述。

<!-- tinyMCE --> <script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script> <script language="javascript" type="text/javascript"> tinyMCE.init({ mode : "specific_textareas", theme:"advanced", language:"zh-CN", } ); </script> <!-- /tinyMCE -->

Mode可以是以下几个值之一：



textareas - 页面加载时把所有TEXTAREA组件转换成编辑器.
specific_textareas - 将所有"mce_editable"属性值为true的TEXTAREA转换成编辑器<textarea mce_editable="true" ></textarea>
exact - 只转换在"elements"设置中指定的确切组件.

默认为default。TinyMCE自带三个内置的主题，它们是simple，default和advanced。

elements]

以逗号分隔的用来转换成编辑器的组件列表，该选项仅在"mode"选项被设置成"exact"时使用。该列表中的元素可以是任何有id或name属性的HTML组件。

width]	编辑器的宽度，它默认的宽度是原先被替换的组件宽度。
[height]	编辑器的高度，它默认的高度是原先被替换的组件高度。
[content_css]	编辑窗口中要使用的CSS文件，其路径应该跟页面相关。
[popups_css]	像插入链接和图片时的弹出窗口中使用的CSS文件，其路径应该跟页面相关。
[editor_css]	编辑器使用的CSS文件，其路径应该跟页面相关

[theme_advanced_buttons1] 工具栏上第一行要包含的按钮列表，以逗号分隔开。例如："bold,italic,underline"。
[theme_advanced_buttons2] 同上，差别在于指定的是工具栏第二行。
[theme_advanced_buttons3] 同上，差别在于指定的是工具栏第三行。
[theme_advanced_buttons<N>_add] 向工具栏上特定的第N行中增加额外的控制/按钮。例如：theme_advaned_buttons3_add : "iespell".
[theme_advanced_buttons<N>_add_before] 向工具栏上特定的第N行的默认按钮前面增加额外的控制/按钮。例如：theme_advaned_buttons3_add_before : "iespell"。
[theme_advanced_disable] 要禁用的按钮/组件的列表，以逗号分隔。例如："formatselect".

编辑器按钮名称
bold, italic, underline, strikethrough, justifyleft, justifycenter, justifyright, justifyfull, styleselect, bullist, numlist, outdent, indent, undo,redo, link, unlink, image, cleanup, help, code, table, row_before, row_after, delete_row, separator, rowseparator, col_before, col_after, delete_col, hr, removeformat, sub, sup, formatselect, fontselect, fontsizeselect, forecolor,charmap,visualaid,spacer,cut,copy,paste

 

更详细用法; http://www.iwms.net/n2065c17.aspx