首页蓝耳朵|小小蓝耳朵广州图书馆外文室英语儿童读物资源介绍网佛教青年之友旧版收集永硕E盘Phonics Short Vowels Game 
vs.net2010下使用ckeditor_3.6.1 + ckfinder_aspnet_2.0.2.1,并去掉浏览服务器的按钮
所属栏目:ASP.NET(webform)  时间:2011-09-09 11:59  作者:狼子

网上有好多了,我看了好多,昨晚搞到三点没搞好上传,今天一早又开始搞,记录,备以后升级用。。。

 

如果html编辑器不需要上传功能的,没那么复杂,好简单的:

1.下载ckeditor_3.6.1.zip和ckfinder_aspnet_2.0.2.1.zip,下载地址:http://ckeditor.com/download

2.把ckeditor_3.6.1.zip解压后放在网站根目录

3.把ckfinder_aspnet_2.0.2.1.zip解压后,把bin/Debug里的CKFinder.dll复制到网站bin目录下

4.在工具栏的常规里,右击,选择项,浏览,选择CKFinder.dll,这样子就在工具栏里加入一个控件了

5.在页面里要用的地方,和添加别的控件一样子,双击第4步添加的控件,如果要绑定数据,直接Text='<%# Bind("字段名") %>'

 

下面是要上传功能的,需要用ckeditor + ckfinder整合

现在,2011-09-09 11:21,这两个是最新版本

ckeditor_3.6.1.zip下载:http://ckeditor.com/download

ckfinder_aspnet_2.0.2.1.zip下载:http://ckfinder.com/download(这个要选ASP.NET的下)

整合步骤:

1.两个zip文件都解压到网站根目录,不要的文件,包括语言脚本,全部删除

2.把ckfinder/bin/Debug下的CKFinder.dll添加引用:给网站添加bin目录,右击bin文件夹,添加引用,浏览。。。

最后的文件结构如下:

zip文件夹里的是我备份两个zip包用的,和测试项目无关,做了两个不同路径的Default.aspx文件,最后都测试正常

 

3.配置ckeditor:

打开ckeditor/config.js,要设置默认语言是中文,添加ckfinder的调用,在这个文件里,添加以下语句:

config.language = 'zh-cn';

config.filebrowserBrowseUrl = '/ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = '/ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

 

4.配置ckfinder:

打开ckfinder/config.ascx文件:

①CheckAuthentication()方法,改为按自己的权限判断,如果不判断,直接return true;

②SetConfig()方法,设置上传文件放置的路径,如果是根目录下的UploadFiles文件夹,如下设置:

BaseUrl = "~/UploadFiles/";

设置路径要用~开头。。。如果不用,会捕捉到异常:NullReferenceException,这个问题花的时间最多。。。最后才找到原来是没有用~,奶奶滴,奶奶滴,奶奶滴娘

 

5.去掉浏览服务器的按钮,这个运行的好慢,还有就是不可以给一堆人随便用这个功能的

①去掉插入图片的:
文件:ckeditor/plugins/image/dialogs/image.js

改:label:b.lang.common.browseServer,hidden:true,

为:label:b.lang.common.browseServer,style:'display:none;',hidden:true,

②去掉添加链接的:
文件:ckeditor/plugins/link/dialogs/link.js

改:type:'button',id:'browse',hidden:'true'

为:type:'button',id:'browse',style:'display:none;',hidden:'true'

③去掉插入flash的
文件:ckeditor/plugins/flash/dialogs/flash.js

改:filebrowser:'info:src',hidden:true,style:'display:inline-block;margin-top:10px;',

为:filebrowser:'info:src',hidden:true,style:'display:none;',

 

6.调用编辑器

在要用到的页面做两步:

①添加脚本:

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>

②调用控件:

<asp:TextBox ID="TbRemark" class="ckeditor" TextMode="MultiLine" runat="server" Text='<%# Bind("Remark") %>'></asp:TextBox>

 

7.修改web.config文件,允许提交html代码:

在<system.web></system.web>中间添加:

<httpRuntime requestValidationMode="2.0" />
 <pages enableEventValidation="false"
     viewStateEncryptionMode="Never"
     enableViewStateMac="false"
     maintainScrollPositionOnPostBack="true"
     validateRequest="false"/>

就这7步了,做完就觉的简单,做的时候查一堆

小楼宝宝的涂鸦花花(Imitater)的博客起名称骨测字皖ICP备06000023号-17