站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
TinyMCE
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
[[image:TinyMCE_Logo.jpg |right]] '''TinyMCE'''是一个轻量级的基于[[浏览器]]的所见即所得编辑器,由[[JavaScript]]写成。它对[[IE]]6+和[[Firefox]]1.5+都有着非常良好的支持。功能方面虽然不能称得上是最强,但绝对能够满足大部分[[网站]]的需求,并且功能配置灵活简单。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是[[PHP]],那还可以进一步优化。最重要的是,TinyMCE是一个根据[[LGPL license]]发布的[[自由软件]],你可以把它用于商业应用。 ==安装说明== TinyMCE的安装很简单,只需按照下面的说明。我们提供几个整合TinyMCE的例子,你应该先看看TinyMCE的广泛配置选项。 '''安装需求''' 除了浏览器兼容性TinyMCE没有直接的需求,当然,需要Javascript的支持; 后台不需要TinyMCE代码; TinyMCE可以使用[[HTML]]表单的textarea作为工作区域,当提交表单时,你可以让你的系统操作textarea的内容,例如保存HTML代码到数据库或文件。前台也可以使用已经存在的内容初始化,以便可以进行更改。参考配置选项、一般配置、模式了解更多信息。 '''Windows下具体Apache配置''' 你可能会在[[Windows]]下安装时遇到如tinyMCE没有定义或属性列表后缺少“}”的错误。 问题是由默认的[[Apache]]选项EnableSendfile导致,你必须在httpd.conf文件中,去掉EnableSendfile选项前面的“#”,将该EnableSendfile关闭。 附注:TinyMCE没有定义或丢失也有可能是因为你没有在页面Header中指定正确的js路径。检测js路径正确之前,先改变Apache的设置。 '''下载''' 到[http://down.zzbaike.com/download/tinymce-1056.html 下载地址1]上下载。 '''解压''' 在Windows下你可以使用诸如[[winzip]]或其他类似软件解压,其他系统如[[Linux]]系统,只需使用tar命令就可以解压。你可以找到如何在linux下解压存档文件的例子。 你应该将TinyMCE解压到wwwroot目录或网站的根目录下。 '''使用shell解压的示例:''' $ cd wwwroot $ gzip -d tinymce_1_44.tar.gz $ tar xvf tinymce_1_44.tar '''解压后的文档结构:''' /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/ '''站点配置''' 解压完成后,你需要编辑页面,包括TinyMCE的配置及Javascript。请注意,你或许应该在需要的页面中添加TinyMCE的javascript引用,而不是站点的所有页面都需要。注意要正确的知道js文件的路径。 '''最基本的[[XHTML]] 1.1页面整合(将页面中所有textarea元素转化为编辑器)''' 请在测试下面的代码前务必阅读两个注释(<!—开始): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<nowiki>http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</nowiki>"> <html xmlns="<nowiki>http://www.w3.org/1999/xhtml</nowiki>" dir="ltr"> <head> <title>TinyMCE Test</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <!-- OF COURSE YOU NEED TO ADAPT NEXT LINE TO YOUR tiny_mce.js PATH --> <script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script> <script type="text/javascript"> tinyMCE.init({ mode : "textareas" }); </script> </head> <body> <!-- OF COURSE YOU NEED TO ADAPT ACTION TO WHAT PAGE YOU WANT TO LOAD WHEN HITTING "SAVE" --> <form method="post" action="show.php"> <nowiki><p></nowiki> <textarea name="content" cols="50" rows="15">This is some content that will be editable with TinyMCE.</textarea> <input type="submit" value="Save" /> <nowiki></p></nowiki> </form> </body> </html> 本例中的保存按钮将textarea的内容发生给show.php文件,该文件会简单的显示提交的内容,如果你的代码形如(当然你也可以更加需要的将内容写入文件或[[数据库]]): <?php /* post.php : this page shows what insert.php has sent */ echo(stripslashes($_POST['content'])); ?> '''添加多个按钮''' 稍微改动一下代码: <script type="text/javascript"> tinyMCE.init({ mode : "textareas" }); </script> '''改为:''' <script type="text/javascript"> tinyMCE.init({ theme : "advanced", mode : "textareas", plugins : "fullpage", theme_advanced_buttons3_add : "fullpage" }); </script> '''结论:'''这一部分将控制编辑器的外观和功能,你可以根据TinyMCE:Configuration,结合自己的实际来进行配置。 ==插件开发== [[TinyMCE插件开发]] ==相关资源== '''官方地址:'''http://tinymce.moxiecode.com/ '''软件类型:'''开源软件 '''下载地址:'''[http://down.zzbaike.com/download/tinymce-1056.html 下载地址1] [http://tinymce.moxiecode.com/download.php 下载地址2] ==相关条目== *[[WordPress]] *[[EditPlus]] *[[IDE]] *[[AIE]] ==参考来源== *[http://www.gosoa.com.cn/Article/2009-12/2009-12-17-175.html 参考来源1] *[http://www.klipdas.com/tinymce/tinymce-installation 参考来源2] *[http://www.gosoa.com.cn/Article/2009-12/2009-12-17-175.html 参考来源3] [[category:编辑器|T]] [[category:HTML编辑器|T]] [[category:开源软件|T]] [[category:开放源代码|T]] [[category:TinyMCE|T]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)