asp.net中使用CKEditor
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相关推荐
- 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能
前言 之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor ...
- (转)CKEditor和CKFinder在ASP.NET中的应用
CKEditor和CKFinder在ASP.NET中的应用,需要的朋友可以参考下. CKEditor是新一代的FCKeditor,是一个重新开发的版本.CKEditor是全球最优秀的网页在线文字编辑器 ...
- KindEditor编辑器在ASP.NET中的使用
KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEdit ...
- ASP.NET中 RequiredFieldValidator(非空验证)的使用
ylbtech-ASP.NET-Control-Validator: RequiredFieldValidator(非空验证)的使用 ASP.NET中 RequiredFieldValidator(非 ...
- 搜集《ASP.NET中常用的26个优化性能方法》
1. 数据库访问性能优化 a.数据库的连接和关闭 访问数据库资源需要创建连接.打开连接和关闭连接几个操作.这些过程需要多次与数据库交换信息以通过身份验证,比较耗费服务器资源.ASP.NET中提供了连接 ...
- 在ASP.NET中跟踪和恢复大文件下载
在Web应用程序中处理大文件下载的问题一直出了名的困难,因此对于大多数站点来说,如果用户的下载被中断了,它们只能说悲哀降临到用户的身上了.但是我们现在不必这样了,因为你可以使自己的ASP.NET应用程 ...
- ASP.NET中使用MD5和SHA1算法加密
你的主页或者你管理的网站有各种密码需要保护,把密码直接放在数据库或者文件中存在不少安全隐患,所以密码加密后存储是最常见的做法.在ASP.NET中实现加密非常容易..NET SDK中提供了CookieA ...
- ASP.NET中如何防范SQL注入式攻击
1将sql中使用的一些特殊符号,如' -- /* ; %等用Replace()过滤: 2限制文本框输入字符的长度: 3检查用户输入的合法性:客户端与服务器端都要执行,可以使用正则. 4使用带参数的SQ ...
- 在ASP.NET 中实现单点登录
出自:[孟宪会之精彩世界] 发布日期:2005年1月27日 8点48分0秒 [有删改] 由于某些原因,在我们的应用中会遇到一个用户只能在一个地方登录的情况,也就是我们通常所说的单点登录.在ASP.NE ...
最新文章
- Eclipse:xml文件中添加.xsd约束文件
- oracle分页排序
- css字体的字型,CSS的字体、字型控制_css
- 常见计算机英语词汇翻译,常见计算机英语词汇解释(1)
- 【AI不惑境】计算机视觉中注意力机制原理及其模型发展和应用
- 【Python】100行Python代码轻松开发个人博客
- Python3 绘制同心圆代码示例
- 判断用户是否存在再进行新增_基于tableau从商业分析模型角度对业务数据进行多维度分析--【商业分析类】...
- LiveVideoStackCon 2020 漫游指南
- 十五天精通WCF——第十一天 如何对wcf进行全程监控
- Microsoft PHP.Net ?
- wordpress模板-单栏多色调全站pajx个人博客模板 idevs主题
- tomcat没有编译重新编写的代码
- 如何删除.sys的流氓文件
- 开源WebRTC 服务器介绍
- 5、烃源岩相关文献知识总结
- 2021-06-19:交错字符串。 有三个字符串s1,s2,s3。判断s3是否由s1和s2交错组成的。比如s1=“abc“,s2=“123“,s3=“12ab3c“,应该返回true,因为s3去掉12
- 多谢您―skycc群发软件
- Android 系统级别广播
- 《缠中说禅108课》48:暴跌,牛市行情的一夜Q
热门文章
- 【DeepLearning工具】Fedora下安装theano
- Vue CLI 3.0脚手架如何在本地配置mock数据
- rpm命令,yum命令大全
- 第四季度数据中心网络设备销量达35亿美元
- Django使用缓存笔记
- vs转eclipse之工具快速上手篇
- 简单封装 HTTP 请求
- win7 64bit下最新Apahe2.4.18+php7.0.2+MySQL5.7.10配置
- 我的Android进阶之旅------Android二级ListView列表的实现
- 设计模式学习(六):重构与模式,推荐书籍(完)