CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一

网址:
CKEditor :http://ckeditor.com/
CKFinder :http://ckfinder.com/ 如果要上传文件,则需使用它的插件ckfinder,如果我们只用它的在线编辑功能,那么可以不使用和配置ckfinder(我就是)

一、CKEditor 的使用
准备工作
1. 下载CKEditor并将其解压到Web根目录下
2. 精简目录:
_samples文件夹(示例文件,可以删除)
_source文件夹(源程序文件,可以删除)
changes.html(更新列表,可以删除)
install.html(安装指向,可以删除)
license.html(使用许可,可以删除)
CKEditor的配置(config.js文件)

3.使用

在需要载入编辑器的页面导入脚本文件

<script language="javascript" type="text/javascript" src='<%=ResolveUrl("~/ckeditor/ckeditor.js")%>'></script> ,修改页面的page指令ValidateRequest="false"

ok,再丢一个文本框<asp:TextBox ID="txtContent" class="ckeditor" TextMode="MultiLine"
Text='<%# Bind("info") %>' runat="server"></asp:TextBox>
注意:要设置class="ckeditor"

好了。现在运行页面就可以看到很漂亮的界面了,如果只要在线编辑功能的话就已经大功告成了。

//获取编辑器中的内容
Server.HtmlEncode( this.txtContent.Text);
//设置编辑器中的内容
this.txtContent.Text = Server.HtmlDecode("要设置的内容");

二、如果需要上传功能,则还需配置下ckfinder

1. 下载CKFinder的Asp.NET版,将其解压到Web根目录下
2. 复制/bin/Release目录下的ckfinder.dll文件至站点bin目录
3. 精简目录:
_samples文件夹(示例文件,可以删除)
_source文件夹(源程序文件,可以删除)
CKFinder的配置
1. 打开 " \ckfinder\config.ascx ",为SetConfig方法中的 BaseUrl 指定默认路径,如:
// 以userfiles 为默认路径,其目录下会自动生成images、flash等子目录。
BaseUrl = " ~/ckfinder/userfiles/";
// NOTE:注意“ ~/ ”。

2. 与CKEditor集成
打开CKEditor目录中的config.js文件在function 函数

CKEDITOR.editorConfig = function(config) {
……
};
在其中添加

// 在 CKEditor 中集成 CKFinder,注意 ckfinder 的路径选择要正确。
config.filebrowserBrowseUrl = location.hash + '/ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = location.hash + '/ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = location.hash+'/ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
// config.filebrowserWindowWidth = '800';
// config.filebrowserWindowHeight = '500';

1. 在工具栏中添加站点根目录bin目录中的ckfinder.dll控件
2. 拖放控件到Web页面

常见问题
1. 症状:因为安全原因,文件不可浏览。请联系系统管理员并检查CKFinder配置文件。
原因:未设置用户身份验证或者用户未登录。

解决:在CKFinder的config.ascx文件中修改
public override bool CheckAuthentication()
{
return false; //====这里改为true 
}

2. 症状:未知错误
原因:设置不进行用户身份验证,但是 BaseUrl 路径不对。
解决:在CKFinder的config.ascx文件中的public override void SetConfig() 修改

// 以userfiles 为默认路径,其目录下会自动生成images、flash等子目录。
BaseUrl = " ~/ckfinder/userfiles/";
// NOTE:注意“ ~/ ”。

3. 症状:访问带有CKFinder的页面时报错“HTTP 错误 404 - Not Found”
解决:修改CKFinder控件的BasePath属性为ckfinder目录的相对路径

解决完所有问题后,当点击CKEditor 中上传时,会自动调用出CKFinder控件

转载于:https://www.cnblogs.com/zcds-jk/archive/2013/05/26/4345271.html

asp.net中使用CKEditor相关推荐

  1. 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能

    前言 之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor ...

  2. (转)CKEditor和CKFinder在ASP.NET中的应用

    CKEditor和CKFinder在ASP.NET中的应用,需要的朋友可以参考下. CKEditor是新一代的FCKeditor,是一个重新开发的版本.CKEditor是全球最优秀的网页在线文字编辑器 ...

  3. KindEditor编辑器在ASP.NET中的使用

    KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEdit ...

  4. ASP.NET中 RequiredFieldValidator(非空验证)的使用

    ylbtech-ASP.NET-Control-Validator: RequiredFieldValidator(非空验证)的使用 ASP.NET中 RequiredFieldValidator(非 ...

  5. 搜集《ASP.NET中常用的26个优化性能方法》

    1. 数据库访问性能优化 a.数据库的连接和关闭 访问数据库资源需要创建连接.打开连接和关闭连接几个操作.这些过程需要多次与数据库交换信息以通过身份验证,比较耗费服务器资源.ASP.NET中提供了连接 ...

  6. 在ASP.NET中跟踪和恢复大文件下载

    在Web应用程序中处理大文件下载的问题一直出了名的困难,因此对于大多数站点来说,如果用户的下载被中断了,它们只能说悲哀降临到用户的身上了.但是我们现在不必这样了,因为你可以使自己的ASP.NET应用程 ...

  7. ASP.NET中使用MD5和SHA1算法加密

    你的主页或者你管理的网站有各种密码需要保护,把密码直接放在数据库或者文件中存在不少安全隐患,所以密码加密后存储是最常见的做法.在ASP.NET中实现加密非常容易..NET SDK中提供了CookieA ...

  8. ASP.NET中如何防范SQL注入式攻击

    1将sql中使用的一些特殊符号,如' -- /* ; %等用Replace()过滤: 2限制文本框输入字符的长度: 3检查用户输入的合法性:客户端与服务器端都要执行,可以使用正则. 4使用带参数的SQ ...

  9. 在ASP.NET 中实现单点登录

    出自:[孟宪会之精彩世界] 发布日期:2005年1月27日 8点48分0秒 [有删改] 由于某些原因,在我们的应用中会遇到一个用户只能在一个地方登录的情况,也就是我们通常所说的单点登录.在ASP.NE ...

最新文章

  1. Eclipse:xml文件中添加.xsd约束文件
  2. oracle分页排序
  3. css字体的字型,CSS的字体、字型控制_css
  4. 常见计算机英语词汇翻译,常见计算机英语词汇解释(1)
  5. 【AI不惑境】计算机视觉中注意力机制原理及其模型发展和应用
  6. 【Python】100行Python代码轻松开发个人博客
  7. Python3 绘制同心圆代码示例
  8. 判断用户是否存在再进行新增_基于tableau从商业分析模型角度对业务数据进行多维度分析--【商业分析类】...
  9. LiveVideoStackCon 2020 漫游指南
  10. 十五天精通WCF——第十一天 如何对wcf进行全程监控
  11. Microsoft PHP.Net ?
  12. wordpress模板-单栏多色调全站pajx个人博客模板 idevs主题
  13. tomcat没有编译重新编写的代码
  14. 如何删除.sys的流氓文件
  15. 开源WebRTC 服务器介绍
  16. 5、烃源岩相关文献知识总结
  17. 2021-06-19:交错字符串。 有三个字符串s1,s2,s3。判断s3是否由s1和s2交错组成的。比如s1=“abc“,s2=“123“,s3=“12ab3c“,应该返回true,因为s3去掉12
  18. 多谢您―skycc群发软件
  19. Android 系统级别广播
  20. 《缠中说禅108课》48:暴跌,牛市行情的一夜Q

热门文章

  1. 【DeepLearning工具】Fedora下安装theano
  2. Vue CLI 3.0脚手架如何在本地配置mock数据
  3. rpm命令,yum命令大全
  4. 第四季度数据中心网络设备销量达35亿美元
  5. Django使用缓存笔记
  6. vs转eclipse之工具快速上手篇
  7. 简单封装 HTTP 请求
  8. win7 64bit下最新Apahe2.4.18+php7.0.2+MySQL5.7.10配置
  9. 我的Android进阶之旅------Android二级ListView列表的实现
  10. 设计模式学习(六):重构与模式,推荐书籍(完)