tinymce引入后未显示_tinyMCE使用方法与心得详解

tinyMCE使用详解初始化

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

复制代码代码如下:

tinyMCE.init({

mode : "textareas"

});

注意以上红色部分是tiny_mce.js脚本文件的位置，该文件中包含了编辑器所需要的全部代码，主题及语言包将在初始化时被加载。

蓝色部分是初始化调用，它生成TinyMCE的全局实例，其中的设置及名称－值属性将在以后描述。

设置

以名称－值属性方式传递给tinyMCE的init方法的设置控制着程序的全局行为。所有的键及可能的键值如下表所示。注意，用[]括起来的名称是可选的，不是必须的设置。常规设置

mode

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

textareas - 页面加载时把所有TEXTAREA组件转换成编辑器.

specific_textareas - 将所有"mce_editable"属性值为true的TEXTAREA转换成编辑器.

exact - 只转换在"elements"设置中指定的确切组件.

[theme]

指定要使用的主题名称，主题将被放在TinyMCE的themes目录下，默认为default。TinyMCE自带三个内置的主题，它们是simple，default和advanced。

如果你想创建自己的主题，请仔细阅读文档的 主题 部分。

[plugins]

此选项是一系列以逗号分隔的主题插件列表(例如，可以只用来扩展图像对话框)。这些插件覆盖了主题模板中定义的功能。插件逻辑应该包含在一个叫"editor_plugin.js"的文件中，它是插件目录中唯一被包含进来的文件。

例如："my_image_dialog,my_link_dialog".

如果你想创建自己的插件，请仔细阅读文档的 主题 部分。

[language]

TinyMCE中使用的语言包，这应该是像se,uk,us等诸如此类的FN代码，它被用来从"langs"目录中获取语言包，该设置的默认值为"uk".

中文用户建议您使用"zh-CN"

[elements]

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

[ask]

当"mode"被设置成"textareas"或"specific_textareas"的时候，该选项被应用，询问用户输入框是否将被转换成编辑器。

如果你想使用这个选项，将它设置为true.

[textarea_trigger]

textarea(文本域)触发器的属性，默认值为"mce_editable"。

该选项仅在"mode"被设置为"specific_textareas"时使用。

[valid_elements]

以逗号分隔开的组件转换部分的列表。

例如： a[href|target=_blank],strong/b,div[align],br.

以上例子告诉TinyMCE移除所有除了"a, strong, div"和"br"的组件，将元素b转换成strong，默认target设为"_blank"并保持href、target、align属性。在匹配组件及属性的名称时可以使用像*,+,?这样的通配符。

字符：

,

各组件定义之间的分隔符。

/

两个同义组件之间的分隔符。第一个组件是会被用来输出的那个(即第二个组件被第一个替换)。

|

各属性定义之间的分隔符。

[

定义某组件的属性列表的开始符号。

]

定义某组件的属性列表的结束符号。

=

将属性的默认值设为特定值。例如："target=_blank"

:

将属性的值强行设为特定值。例如："border:0"

<

校验某个属性的值。例如："target<_blank>

?

属性校验值之间的分隔符，见上。

特殊变量：

{$uid} - 产生一个唯一ID号。 例如："p[id:{$uid}]".

此选项的默认值是以下模式：

"a[href|target],strong/b[class],em/i[class],strike[class],u[class],p[class|align],ol,ul,li,br,

img[class|src|border=0|alt|hspace|vspace|width|height|align],sub,sup,blockquote[dir|style],

table[border=0|cellspacing|cellpadding|width|height|class|align],tr[rowspan],

td[colspan|rowspan|width|height],div[class|align],span[class|align],pre[class|align],

address[class|align],h1[class|align],h2[class|align],h3[class|align],

h4[class|align],h5[class|align],h6[class|align],hr".

要包含所有组件及属性，请使用 *[*] ，这在使用invalid_elements选项时特别有用。

[extended_valid_elements]

向"valid_elements"列表末尾添加可用组件。此选项在你仅仅想往默认列表中增添部分组件时相当有用。

格式与"valid_elements"一致。

[invalid_elements]

输出时需要排除在外的组件名称列表，以逗号分隔开。

[trim_span_elements]

True/False选项。如果设置为true，不需要的组件将被移除。默认值即为true。

[verify_css_classes]

True/False选项。如果设置为true，将会校验CSS的class属性。默认值即为true。

[verify_html]

True/False选项。代表着HTML内容是否需要校验。默认值为true。

[urlconvertor_callback]

当清理进程处理URL的时候调用的函数名。此函数必须遵从以下的格式：func(url, node, on_save) ，返回转换后的URL。此设置专为集成目的而设。参数url代表要转换的地址，node代表包含URL的那个节点，on_save是一个布尔值(在用户提交表单时为真)。

[preformatted]

True/False选项。如果设置为true，编辑器将把制表符(TAB)转换成缩进，除此外保持其他whitespace(空白字符、换行等)字符，就如同HTML标签中的PRE的效果。默认值为false。

[insertlink_callback]

当执行"insertlink"命令时调用的函数名。此函数获取选定链接的地址和目标，返回一个以"href", "target"和 "title"为collection名称的数组。当使用新窗口时，为了兼容Mozilla，会