Fckedit的使用

最新推荐文章于 2021-02-27 13:38:32 发布

hongliangjava

最新推荐文章于 2021-02-27 13:38:32 发布

阅读量778

点赞数

CC 4.0 BY-SA版权

分类专栏： .net学习类文章标签： fckeditor asp reference perl php plugins

本文链接：https://blog.youkuaiyun.com/hongliangjava/article/details/4369751

.net学习类专栏收录该内容

1 篇文章

订阅专栏

昨天在做网站的时候，在后台管理模块中用到了Fckedit这个软件，做了半天最后总算弄出来了。

现在我就把Fckedit这个软件的使用讲一下。

第一步：我们先下载Fckedit辅助软件

因为是在.net中所以我要下载Fckedit这个.dll库它作为服务器控件来使用，我使用的下载地址是：

http://www.accptech.com/learnsoft/769.html 还有一个就是FCKeditor编辑器组件他的下载地址是：

http://www.accptech.com/learnsoft/768.html 你也可以从官方网站上下载这两个组件，下载地址是：

http://www.fckeditor.net/

第二步：筛选FCKeditor编辑组件中的包

首先带“_”的文件和文件夹可以不要，它们是一些示例。接下来我们继续给这瘦身。在fckeditor文件夹里我们只留下editor、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml这五个文件，其它的都除掉。在Css里是这个组件用到的样式，我们可以不动它。Dialog里是一些弹出对话框不要动它，Dta也不要动。editor/filemanager/connectors下面我们只要Aspx这一个就够了。这里提供的是我们对上传文件的管理。Lang我们只要Zh-cn.js这个是简体中文，它里面就是所能支持的所有的语言。Js里面是这个组件的核心，我们更是不能动，Plugins里面是一些插件，我们不用去管它，在做例子中我们会用到这里面的上传图片插件，而不用它默认的上传功能。Skin里面有三个皮肤:Default、Office2003，Silver。瘦身到此结束，文件夹大小减小了不少的。最后把fckeditor文件夹Copy到你的网站根目录下面。一切搞定，接下来配一下Web.config和fckconfig.js，就能像我们常用的用户自定义控件一样的使用了。

第三步：把我们的这个组件放到我们的项目中

1.在FCKPro（这是我们起的项目名字）工程浏览器上右键，选择添加引用（Add Reference…），找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。这时，FCKPro工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll文件。当然，你也可以完全人工方式的来做，把FredCK.FCKeditorV2.dll直接拷贝到FCKPro/bin/下面，VS2005在编译时会自动把它编译进去的。

2.为了方便RAD开发，我们把FCKeditor控件也添加到VS的工具箱（Toolbox）上来，展开工具箱的常用标签组（General），右键选择组件（Choose Items…），在对话框上直接找到浏览按钮，定位FredCK.FCKeditorV2.dll，然后确认就可以了。这时工具箱呈现
这样会省去很多在开发时使用FCKeditor控件时要添加的声明代码。

至此，已经完成了FCKeditor的安装，并可以在你的项目中使用FCKeditor了。

第四步：FCKeditor详细的设置

（1）配置WebConfig，在<appSettings>节点添加，如下所示：

</appSettings>

说明：BasePath是fckeditor所在路径，fckeditor由于我们直接放网站目录下这样写就可以，如果您的网站多放几层适当调整即可。UserFilesPath是所有上传的文件的所在目录。我们新建了一个Files文件夹放在了项目中做为上传文件的所在目录，这里为了方便，但由于考虑到安全性，我们建议Files要单独做wwwroot目录下的一个站点比较好，和我们的站点FCKEditor平行。不要把它放FCKEditor里，为什么呢？因为Files是要让客户有写的权限的，如果放FCKEditor下很危险。Files目录要有写的权限。你根据自己网站需求设置那个帐号，本文为方便设置User实际中你可能用ASP.NET帐号更合理。

（2）进入FCKeditor文件夹，编辑 fckconfig.js 文件。

1、此步骤是必须的，也是最重要的一步。

修改

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

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

改为

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

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

我们将编辑器控件拖到网页中是是不能正确运行的，必要要对其进行配置。第一个配置文件是fckconfig.js，位于FCKeditor根目录
下。修改项包括：
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;（皮肤）
FCKConfig.AutoDetectLanguage = true ;（自动检测语言）
FCKConfig.DefaultLanguage = 'zh-cn' ;（默认为简体中文）

第五步：运行我们的项目

这一步虽然弄够运行出来但是，当我们该添加的时候它却包错了，他报Request.Form中存在危险值，这一步好费劲啊。查了半天才出来。这时候我们需要在web.config中<system.web>下边添加一句

至此我们的Fckedit算是完全弄好了！