Fckeditor控件在文章发布系统中的应用

本人近期帮别人做一个网站,考虑到客户有很多的产品信息要发布,为了减少客户的工作量,还是做了一个简单的文章发布系统.

考虑到文章发布有很多的情况下可能有不少的图片发布,还要有不少的内容要编辑,思考再三,借鉴CSDN的,决定使用在ASP.NET 2.0下面使用fckeditor 控件

首先是安装调试fckeditor控件的:

(1)到fckditor官方网站网站下载最新版本的安装程序:

fckeditor 2.4.2(我用的版本是这个)和.net下的安装包Fckeditor.net

(2)解压缩fckeditor 2.4.2的文件,如果不确定可以全部复制到网站的根目录下

(3)解压缩Fckeditor.net在Fckeditor.net_2.2/bin/debug目录中找到FredCK.FCKeditorV2.dll,把这个文件复制到网站的bin目录下,如果没有bin目录可以手工建立

(4)添加对FredCK.FCKeditorV2.dll, 的引用,并在工具框中"添加选项卡",这样Fckeditor就成为一个控件显示在工具框中了;

(5)在web.config文件中配置相对路径

<appSettings>

<add key="FCKeditor:BasePath" value="~/fckeditor/"/>

<add key="FCKeditor:UserFilesPath" value="Machine/Files/" />
</appSettings>

(6)在网页fckedior控件的basepath的属性改为:~/fckeditor/

(7)在fckeditor目录中fckconfig.js修改配置:使控件支持ASP.NET

var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ;

(8)在fckeditor/editor/filemanager/connctors/aspx/config.ascx文件中修改:checkAuthentication()函数的返回值为true,启用对sapx的支持

现在基本可以使用此控件了,但是有的时候可能会报错,其中主要的就是文件夹的权限和路径问题,这个只能逐步调试

好,现在可以调整,在网站后台编辑发布文章,在网站前台展示出来:

(1)后台发布文章,主要代码部分如下:

string content=HttpUtility.HtmlEncode(FCKeditor1.Value.ToString());

数据库操作,主要是将发布内容编辑成html代码,保存到数据库text字段中

(2)前台展示:

public string NewsContent;//文章内容

string myNewsID = Request["NewsID"].ToString().Trim();//新闻编号
string myContent;///内容
DataTable myTable=ClassDbData.GetProductNewsContent(myNewsID);
myContent = myTable.Rows[0]["NewsContent"].ToString().Trim();
NewsContent = Server.HtmlDecode(myContent);

再在html代码中手工绑定数据到要显示的div中去:

<div style="width: 494px; height: 189px">
<%=NewsContent%>
</div>

到此为止,基本实现一个简单的文章发布系统,其考虑

是将文章内容保存为html代码在数据库text字段中,让后可以直接查询出来展示成网页,这样扩展性就很强了,且大大降低了客户维护的难度和工作量