FCKeditor的几点修改小结

所属分类: 网络编程 / 网页编辑器 阅读数: 1419
收藏 0 赞 0 分享
在我的文章系统中,打算使用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函数,来实现预览、选择等功能
更多精彩内容其他人还在看

关于CKeditor的非主流个性应用的设置

因为我的网站需要一个编辑器,所以用周末时间研究了一下CKeditor,终于最终修改成了合适的样子。
收藏 0 赞 0 分享

dedecms5.5 最新版ckeditor编辑器整合教程

CKEditor是fckeditor的3.0版。经过近两年的紧张开发,第一个CKEditor 3.0稳定版本终于发布。
收藏 0 赞 0 分享

javascript 网页编辑框及拖拽图片的问题

javascript 网页编辑框及拖拽图片的问题,需要的朋友可以参考下。
收藏 0 赞 0 分享

asp.net FCKeditor 2.6.3 配置说明

FCKeditor是一个功能强大支持所见即所得功能的文本编辑器,可以为用户提供微软office软件一样的在线文档编辑服务。
收藏 0 赞 0 分享

轻松实现 CKfinder进驻CKEditor3.0

看完YaSin写得“将CKfinder 整合进 CKEditor3.0 ”之后,我总觉得问题有点复杂,尤其是修改压缩了的js文件。
收藏 0 赞 0 分享

将CKfinder 整合进 CKEditor3.0的方法

CKFinder是一款基于AJAX的文件浏览器,这是ASP.NET专用版,它可以在线浏览文件、管理文件、上传文件,以树形Tree的方式展开目录,自动检测图片并生成缩略图,它是由Fckeditor公司出品,同时也可配合FckEditor来使用,可达到意想不到的效果。
收藏 0 赞 0 分享

ASp.net下fckeditor配置图片上传最简单的方法

fckeditor 的基本配置我就不讲了,讲讲图片上传这块吧;
收藏 0 赞 0 分享

ckeditor 简单配置方法

ckeditor 简单配置使用方法
收藏 0 赞 0 分享

asp.net CKEditor和CKFinder的应用

CKEditor和CKFinder在ASP.NET中的应用,需要的朋友可以参考下。
收藏 0 赞 0 分享

FCKEDITOR 的高级功能和常见问题的解决方法

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。
收藏 0 赞 0 分享
查看更多