FCKeditor2.6.3配置(转)


1. 程序删减(可选)

下载下来的FCKEditor2.6.3中,很多文件我们不需要放到我们的程序中,我们需要留下的有根目录下:
editor目录 、fckconfig.js、 fckeditor.php、fckeditor_php5.php、fckpackager.xml、fckeditor.js、 fckstyles.xml、fcktemplates.xml、license.txt 这几个保留,其余的全部去除;
子目录下:
editor"filemanager"connectors目录中 把php目录留下(上传用什么方法就留下什么),其余的方法目录删除(注意留下test.html 和 uploadtest.html)
editor"lang 语言目 把 en.js 、 zh.js 、 zh-cn.js 留下,其余全部删除

2.修改 fckeditor/fckconfig.js



①确认以下两值为php(fckeditor 2.6.3下已默认为php):
     var _FileBrowserLanguage = 'php'
     var _QuickUploadLanguage = 'php'
②修改变量以下值:
FCKConfig.AutoDetectLanguage = true ; //如果你的用户是多语言环境,请设为true,如果只是中文用户,改为false
FCKConfig.DefaultLanguage = 'zh-cn' ;
//添加中文字体
FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
FCKConfig.FontSizes   = '9px;10px;11px;12px;13px;14px;16px;18px;24px;36px' ;
③在IE中直接回车是产生一个p标签,这样两行间距太大,如果用SHIFT+ENTER这样就是产生BR标签.间距不大,不过这样太麻烦了,那么我们把他们替换下。
FCKConfig.EnterMode = 'br' ; // p | div | br
FCKConfig.ShiftEnterMode = 'p' ;     // p | div | br

3.启用php文件上传功能

打开/fckeditor/editor/filemanager/connectors/php/config.php
找到:
         $Config['Enabled'] = false
         改成:
         $Config['Enabled'] = true

         设置上传存放目录:
         找到:
         $Config['UserFilesPath'] = '/userfiles/'
         改成:
         $Config['UserFilesPath'] = '你自己的项目路径'
通过上面的方法我们配置好了后,我们测试上传功能,上传英文名字的文件没有问题,但如果文件名有汉字,那么会出现乱码,可有两种解决方案,一种是让上传支 持中文名,使用这种方案可能会出现文件名重复的现象,另外中文文件名的下载会有些问题;另一种是用当前时间戳做为文件名,下面针对两种方案给出实现,可根 据具体情况进行选择。

方案一 让fckeditor在php环境中支持中文名上传
打开fckeditor/editor/filemanager/connectors/php/commands.php
找到
$sFileName = $oFile['name'] ;
改为
   $sFileName = iconv("utf-8","gbk",$oFile['name']) ;

方案二 使用当前时间戳做为文件名
打开fckeditor/editor/filemanager/connectors/php/commands.php
找到
$sFileName = $oFile['name'] ;
改为
$sFileName = time().".".strtolower(array_pop(explode(".",$oFile['name'])));

以上方案可任选一种,推荐使用方案二

4. 自定义工具栏, 修改fck菜单样式设置

在默认情况下,FCKeditor会调用上面定义的所有工具栏按钮。大家可以根据自己的需求进行设置。表1对上面的配置选项功能说明进行汇总。

代码名称 功能 代码名称 功能    
Source 源代码 DocProps 页面属性    
- |分隔符 Save 保存    
NewPage 新建 Preview 预览    
Templates 模板 Cut 剪切    
Copy 复制 Paste 粘贴    
PasteText 粘贴为无格式文本 PasteWord 从MS Word粘贴    
Print 打印 SpellCheck 拼写检查    
Undo 撤消 Redo 重做    
Find 查找 Replace 替换    
SelectAll 全选 RemoveFormat 清除格式    
Form 表单 Checkbox 复选框    
Radio 单选框 TextField 单行文本    
Textarea 多行文本 Select 列表菜单    
Button 按钮 ImageButton 图像域    
HiddenField 隐藏域 Bold 加粗    
Italic 倾斜 Underline 下划线    
StrikeThrough 删除线 Subscript 下标    
Superscript 上标 OrderedList 插入/删除编号列表    
UnorderedList 插入/删除项目列表 Outdent 减少缩进    
Indent 增加缩进 JustifyLeft 左对齐    
JustifyCenter 居中对齐 JustifyRight 右对齐    
JustifyFull 两端对齐 Link 插入/编辑链接    
Unlink 取消链接 Anchor 插入/编辑锚点链接    
Image 插入编辑图像 Flash 插入/编辑Flash    
Table 插入/编辑表格 Rule 插入水平线    
Smiley 插入表情 SpecialChar 插入特殊符号    
PageBreak 插入分页 Style 样式    
FontFormat 格式 FontName 字体    
FontSize 大小 TextColor 文本颜色    
BGColor 背景颜色 FitWindow 全屏编辑  

5. 指定不同类型的文件上传到不同的目录中

打开fckeditor"editor"filemanager"connectors"php"config.php,重置以下项
$Config['QuickUploadPath']['File']= $Config['UserFilesPath'] .'file/';
$Config['QuickUploadPath']['Image'] = $Config['UserFilesPath'] .'image/' ;
$Config['QuickUploadPath']['Flash'] = $Config['UserFilesPath'] .'flash/';
$Config['QuickUploadPath']['Media'] = $Config['UserFilesPath'] .'media/';
这样可以把附件,图片,flash,媒体上传不同的目录中,如果想进一步细化,在这些目录下分年月做下一级目录,上面4项可重置为
$Config['QuickUploadPath']['File'] = $Config['UserFilesPath'] .'file/'.date('Ymd').'/';
$Config['QuickUploadPath']['Image'] = $Config['UserFilesPath'] . 'image/'.date('Ymd').'/';
$Config['QuickUploadPath']['Flash'] = $Config['UserFilesPath'] .'flash/'.date('Ymd').'/';
$Config['QuickUploadPath']['Media'] = $Config['UserFilesPath'] .'media/'.date('Ymd').'/';

6.引入在线编辑器时只需:
<?php
include("fckeditor/fckeditor.php") ;
$oFCKeditor = new FCKeditor('FCKeditor1') ;//实例化
$oFCKeditor->BasePath = 'fckeditor/';//这个路径一定要和上面那个引入路径一致,否则会报错:找不到fckeditor.html页面
//$oFCKeditor->Value = '' ;
$FCkeditor->ToolbarSet='Default';     //工具按钮设置
$oFCKeditor->Width = '100%' ;
$oFCKeditor->Height = '300' ;
$oFCKeditor->Create() ;
?>

结合smarty模板用如下代码:
<?php
include_once("FCKeditor/fckeditor.php");
$fck=new FCKeditor('content');     //post/get中数据的字段名称
$fck->BasePath='FCKeditor/';   //路径地址
$fck->ToolbarSet='Default';   //工具栏
$fck->Width='95%';
$fck->Height='450px';
$fck->Value="";
$FCKeditor = $fck->CreateHtml();
$tpl->assign("FCKeditor",$FCKeditor);

?>

 

$oFCKeditor->Create() ; 为输出。。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1.下载最新版的FCKEDITOR 2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置) 3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问: http:///FCKeditor/_samples/default.html 注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如下所示: oFckeditor.BasePath="/Components/fckeditor/"; 另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的 如何将FCKEDITOR整合进我的页面? 由于目前的版本提供的FCKEDITOR仅提供了JAVASCRIPT式的整合,因此,这里仅讲述如何应用JAVASCRIPT来整合FCKEDITOR到站点中,当然,其他各种语言的整合,你可以参考_samples文件夹中的例子来完成 1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如: 其中路径是可更改的 2,现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器: 方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码: script type="text/javascript"> var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ; oFCKeditor.Create() ; 方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记 window.onload = function() { var oFCKeditor = new FCKeditor( 'MyTextarea' ) ; oFCKeditor.ReplaceTextarea() ; } This is the initial value. 3.现在,编辑器可以使用了 FCKEDITOR类参考: 下面是用来在页面中建立编辑器的FCKEDITOR类的说明 构造器: FCKeditor( instanceName[, width, height, toolbarSet, value] ) instanceName:编辑器的唯一名称(相当于ID) WIDTH:宽度 HEIGHT:高度 toolbarSet:工具条集合的名称 value:编辑器初始化内容 属性: instanceName:编辑器实例名 width:宽度,默认值为100% height:高度,默认值是200 ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default value:初始化编辑器的HTML代码,默认值为空 BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾 CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true DisplayErrors:是否显示提示错误,默为true; 集合: Config[Key]=value; 这个集合用于更改配置中某一项的值,如 oFckeditor.Config["DefaultLanguage"]="pt-br"; 方法: Create() 建立并输出编辑器 RepaceTextArea(TextAreaName) 用编辑器来替换对应的文本框 如何配置FCKEDITOR? FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js 你既可以编辑主配置文件,也可以自己定义单独的配置文件.配
提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值