网上有好多了,我看了好多,昨晚搞到三点没搞好上传,今天一早又开始搞,记录,备以后升级用。。。
如果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步了,做完就觉的简单,做的时候查一堆