CKEditor & CKFinder集成
2024-10-21 23:07:25
- CKEditor集成
- CKEditor(原名FckEditor): 著名的HTML编辑器(可在线编辑HTML)
- 配置:
①将CKEditor中的(adapters images lang plugins skins themes ckeditor.js config.js contents.css)解压到js目录 在页面中引用ckeditor.js
②设置多行文本框的class/CssClass=“ckeditor”(CSS强大) 代码中仍可以通过TextBox控件的Text属性访问编辑器内容
- 由于页面提交时asp.net会把富文本编辑器中的html内容当成攻击内容 因此需要在aspx中的Page标签中设置ValidateRequest=“false”来禁用攻击检测(2010中还需要根据报错信息修改WebConfig来禁用XSS检测)
- CKFinder集成
- CKFinder(一个CKEditor插件): 用于为CKEditor提供图片上传功能
- 配制:
①将bin/Release下的CKFinder.dll添加到项目的引用(library文件夹)
②将(core ckfinder.js ckfinder.html config.ascx)解压到CKFinder自己的目录
③按照文档修改CKEditor的config.js 将上传的处理程序设定为CKFinder(见代码1/注意路径问题)
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E'; //改成ckfinder的绝对路径,从网站的本目录开始
var ckfinderPath = "/admin/js";
config.filebrowserBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
};
最新文章
- ARM-汇编指令集(总结)
- 几个常用的Linux命令
- Anroid 数据库的创建
- eclipse不能新建server
- linux ps命令(转载)
- 使用PetaPoco ORM 框架分页查询
- Paint House II 解答
- 关于rem自适应的一点研究
- 快速傅里叶变换FFT&; 数论变换NTT
- Kafka对Java程序员有多重要?连阿里都再用它处理亿万级数据统计
- 关于微信登录授权获取unionid的方法
- 30天代码day1Data Types
- LoadRunner11录制脚本出现的问题
- 纯JS实现图片预览与等比例缩放和居中
- 对称加密-java实现
- awk 相关的复习
- error LNK2001: 无法解析的外部符号 _H5T_NATIVE_DOUBLE_g
- PHP完美分页类
- AndroidPn推送测试
- Linux之linux入门