当前位置: 首页 > 图文教程 > 网络编程 > 网页编辑器 > FCKeditor的几点修改小结

网页编辑器
让 FCKeditor 支持多用户Web环境(以PHP为例)
Ewebeditor 文件上传问题
PHP网页 Ewebeditor 编辑器嵌入方法
FckEditor 上传图片后图片变小了!问题解决
fckeditor asp版本的文件重命名
FckEditor 中文配置手册
FCKEditor网页编辑器 几点使用心得
FCK 编辑器焦点问题
添加FCKeditor插件需要注意的地方
javascript 获取FCKeditor内容
eWebEditor 上传文件提示格式不正确的解决方法
xhEditor的异步载入实现代码
FCKeditor 编辑器插入代码功能实现步骤
配置fckeditor 实现图片的上传
FCKeditor提供了一个完整的JavaScript API
fckediter javascript事件函数代码
ASP FCKeditor在线编辑器使用方法
ASP下使用FCKeditor在线编辑器的方法
ASP.NET中FCKEDITOR在线编辑器的用法
php下FCKeditor2.6.5网页编辑器的使用方法

网页编辑器 中的 FCKeditor的几点修改小结


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 87 ::
收藏到网摘: n/a

在我的文章系统中,打算使用FCKeditor作为在线文本编辑器,在开发过程中,有几个地方需要对编辑器
进行修改,才能满足功能设计。
一、修改默认的上传文件名
FCKeditor上传文件时,默认使用客户端的文件名,遇到重名文件,则自动重新命名,对于中文名称
的文件也是如此,这样对中文支持不好的服务器和浏览器,就容易对中文文件名的编解码出现错误而导致
乱码,因此需要将默认的文件命名方法修改为以当前日期、时间为基本要素的文件名,同时,为了避免重
复,还要用到随机函数。在.NET中,可以用System.Redom.Next(min, max)来生成一个介于min和max之间
的随机数,但要注意的时,System.Redom必须实例化。
此处修改需要FCKeditor的源代码并进行重新编译,使用VS.net 2003打开工程文件,对Uploader.cs
文件进行修改。
首先,将第46行string sFileName = System.IO.Path.GetFileName( oFile.FileName );注释掉;
其次,在其下方加入如下代码
DateTime dt = DateTime.Now;
string sFileName = dt.Year.ToString() + dt.Month.ToString() + dt.Day.ToString() +
dt.Hour.ToString() + dt.Minute.ToString() + dt.Second.ToString() + dt.Millisecond + new
System.Random().Next(0, 999).ToString();
sFileName += System.IO.Path.GetExtension( oFile.FileName );
这样,sFileName就是形如“20070510171005230010.jpg”的文件名了,并且不可能出现重复文件名
的现象。
按下组合快捷键Ctrl+Shift+B生成解决方案,将项目文件夹下的bin/Debug/FredCK.FCKeditorV2.dll
组件拷贝到网站根目录下的bin目录中,即可在网站工程中进行引用了。
二、把上传的图片动态加入编辑器所在页面的下拉列表中
由于需要指定文章的标志图片,除了输入以外,还应该可以从下拉列表中选择已经上传的图片,这样
,就必须在FCKeditor上传完图片时,*纵编辑器所在页面的select,并为其加入新的option。此处的关
键在于对静态模式网页对话框父窗口的引用,以及利用javascript加入option。
打开FCKeditor编辑器所在目录的\editor\dialog\fck_image\fck_image.js文件,在文件上传成功的
事件部分,加入以下代码。
var ddl = oEditor.parent.document.Form1.ddlPicUrl;
var opt = oEditor.parent.document.createElement("OPTION")
opt.text = fileName;
opt.value= fileUrl
ddl.options.add(opt);
其中,oEditor是FCKeditor是对网页对话框的父窗口的引用,而oEditor.parent就是对编辑器所在页
面的引用了。
获取这样一个列表后,就可以在文章发布页面编写相关的javascript函数,来实现预览、选择等功能