| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 695 人关注过本帖
标题:[求助]关于tinyMCE的函数请教各位
只看楼主 加入收藏
sunnytim
Rank: 1
等 级:新手上路
帖 子:39
专家分:0
注 册:2006-5-21
收藏
 问题点数:0 回复次数:7 
[求助]关于tinyMCE的函数请教各位
高手们能不能把tinyMCE涉及的他们的各个自定义函数的用法给说说,小弟在此谢了
搜索更多相关主题的帖子: tinyMCE 函数 定义 
2006-11-15 14:12
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 

[转]
下载:TinyMCE中文精简版
Update(06/06/24):根据官方网站新的语言包做了更新。


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/<plugin folders>/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代码:


<!-- tinyMCE -->&ltscript language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>&ltscript language="javascript" type="text/javascript"> tinyMCE.init({ mode : "textareas", theme : "advanced", language :"zh_cn" });</script><!-- /tinyMCE -->
这里假设页面与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很简单,一看就明白。


relative_urls : false,remove_script_host : false一般也配对使用,因为TinyMce会自动把本地链接改成相对链接的形式,比如会把绝对路径http: //www.leexuan.com/2006/03/abc.html改成相对路径/2006/03/abc.html。加了上面的代码后就不会自动改写了。

[URL=http://www.leexuan.com/upload/tinymce_lite.rar]TinyMCE中文精简版[/URL]
2006-11-16 08:15
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
2006-11-16 08:16
sunnytim
Rank: 1
等 级:新手上路
帖 子:39
专家分:0
注 册:2006-5-21
收藏
得分:0 
不是的 我是说的其中的自定义函数,上面说的这些我都看了,就是tinyMCE.js中的内容不好懂,主要里面的自定义函数,谢谢



2006-11-16 10:01
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
它的中文说明书 你有没有
2006-11-16 10:07
sunnytim
Rank: 1
等 级:新手上路
帖 子:39
专家分:0
注 册:2006-5-21
收藏
得分:0 
有,英文的也有,他里面 有一些函数我知道,但是不够全面
2006-11-16 10:37
sunnytim
Rank: 1
等 级:新手上路
帖 子:39
专家分:0
注 册:2006-5-21
收藏
得分:0 
比如说 一个getData() 和一个getLang()函数 什么意思?
2006-11-16 10:55
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
我没有研究过 还没你知道得多呢
2006-11-17 08:35
快速回复:[求助]关于tinyMCE的函数请教各位
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.020049 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved