FCKeditor的几点修改小结

在构建我的在线文章系统时，我决定采用FCKeditor作为在线文本编辑器。为了满足特定的功能需求，对这款编辑器进行了一些定制化的修改。

一、对默认上传文件名的修改

FCKeditor在上传文件时，默认采用客户端的文件名。当遇到重名文件时，它会自动进行重命名。这对于中文支持不稳定的服务器和浏览器来说，可能会出现编解码错误，导致文件名出现乱码。为了确保文件名的准确性和稳定性，我们决定修改其默认的文件命名方式。新的命名规则将基于当前日期和时间，并加入随机函数来避免重复。在.NET环境中，我们可以使用System.Random.Next(min, max)来生成一个随机数。值得注意的是，System.Random需要实例化。

为了实施这一修改，我们需要访问FCKeditor的源代码并重新编译。使用VS 2003打开工程文件后，我们定位到Uploader.cs文件。在第46行，我们注释掉原有的文件名获取方式，并在其下方加入以下代码：

我们获取当前的时间戳，并加上一个由随机数生成的数字后缀，确保文件名的唯一性。然后，我们添加文件的扩展名，这样sFileName就形成了一个形如“20070510171005230010.jpg”的文件名。我们编译解决方案，并将更新后的组件拷贝到网站根目录下的bin目录中，以便在网站工程中使用。

二、将上传的图片动态加入编辑器下拉列表

为了指定文章的标志图片，除了直接输入外，我们还希望提供一个下拉列表，其中包含了已上传的图片。这样，用户在选择图片时，可以更加便捷。为了实现这一功能，我们需要在FCKeditor上传完图片后，将新上传的图片信息添加到编辑器所在页面的select元素中，并为其加入新的option。

这一过程的关键在于对静态模式网页对话框父窗口的引用，以及利用javascript来添加option。我们打开FCKeditor编辑器所在目录的\editor\dialog\fck_image\fck_image.js文件，在文件上传成功的事件部分，加入以下代码。这段代码负责创建一个新的option元素，并将其添加到下拉列表中。其中涉及到的oEditor是对网页对话框的父窗口的引用，通过它可以获取到编辑器所在页面的引用。

完成这些修改后，我们就可以在文章发布页面编写相关的javascript函数，实现预览、选择等功能，丰富用户的编辑体验。这样，用户可以在编辑文章的方便地选择并添加标志图片，提高操作效率和便捷性。