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

网页编辑器
FCKeditor 2.0 简化和使用
jsp fckeditor 上传中文图片乱码问题的解决方法
IE8 Fckedit2.6.X不兼容
fckeditor php上传文件重命名的设置
FCKeditor 新闻组件的一些程序漏洞
FckEditor 配置手册中文教程详细说明
Windows Live Writer 实现代码高亮
FckEditor 中文配置手册详细说明
FCKEidtor 自动统计输入字符个数(IE)
nicedit 轻量级编辑器 使用心得
FCKEditor 表单提交时运行的代码
FCKeditor 插件开发 示例(详细版本)
fckeditor 插件实例 制作步骤
fckeditor 插件开发参考文档
fckeditor 常用函数
FCKeditor ASP.NET 上传附件研究
FCKEditor SyntaxHighlighter整合实现代码高亮显示
HTML 编辑器 FCKeditor使用详解
fckeditor 代码语法高亮
eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 86 ::
收藏到网摘: 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函数,来实现预览、选择等功能