CKEditor3.3.1+CKFinder2.0结合 打造"帅"的编辑器 For .Net
来源:互联网 发布:2016网络购彩试点 编辑:程序博客网 时间:2024/05/22 12:15
CKEditor 3.3.1 和 ckfinder 2.0 配置 with jQuery 1.42 请看33楼!
CKEditor 3.2 在 asp.net 下进行配置的方法:
官方网站:CKEditor CKFinder
1、CKEditor 不具备上传功能,需要集成 CKFinder 才能实现上传功能。
下载 ckeditor 并解压到 ckeditor(在根目录下);
下载 ckfinder 并解压到 ckfinder (在根目录下);
两者处于同级目录下;
把ckfinder目录里的bin下的CKFinder.dll拷贝到网站目录bin下,引用就行了。
2、在 aspx 页面或者 master 模板页 <head> 标签中载入 ckeditor.js:
<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>
在<body>标签中使用ckeditor:
<asp:TextBox ID="Content" runat="server" TextMode="MultiLine" Height="250px" Width="500px"></asp:TextBox>
与其他 .net 控件使用方法相同,设置 Text='<%# Bind("info") %>' 可以方便与数据源进行交互。
下面这段必须放在上面代码的后面,否则初始化编辑器时会错误:
<script type="text/javascript">
// CKEDITOR.replace('<%=Content.ClientID%>', {});
vareditor = CKEDITOR.replace('<%=Content.ClientID%>');
CKFinder.SetupCKEditor(editor, '/ckfinder/'); //结合上传控件
</script>
3. ckeditor里面的config.js 配置
CKEDITOR.editorConfig = function( config )
{
config.language = 'zh-cn';//中文
config.uiColor = '#BFEE62';//编辑器颜色
config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana';
config.toolbar_Full =
[
['Source','-','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','About']
];
config.toolbar_Basic =
[
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
];
config.width =771;//宽度
config.height = 250;//高度
};
配置完成后基本可以了,但是运行点击图片管理里面的浏览服务器按钮… 出现以下提示:
解决方法:
ckfinder 里面的config.ascx的配置:
public override boolCheckAuthentication()
{
return true;//(增加这句,如果你需要设置打开ckfinder访问权限可以在这里设置哦,我这里就不考虑权限了直接打开。)
// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
// user logs on your system.
//return false;//(注释这句,默认这句未被注释)
}
为了去掉这个水印也简单 分析
解决方法:
原始加密js代码:
xx=’xxxx...’
设 qo='学无止境' 不能为空就行了,否则上传按钮变为不可用 哈哈 搞掂!/*en.call(window,qo);*/
没有水印了,爽歪歪,最后来个图,上传成功 ok
注意:运行环境要在IIS下哦,不然有些页面无法显示的
插外话,昨天研究fck时,提示:
解决:目录不能有中文,不然加载fck编辑器时无法运行,因为有中文,URL没有转码导致解析抛出异常,换英文名就行了
- CKEditor3.3.1+CKFinder2.0结合 打造"帅"的编辑器 For .Net
- CKEditor3.6+CKFinder2.0——asp.net配置
- CKEditor3.6.2和CKFinder2.2.1 for ASP.NET部署设置完美解决方案(1)
- CKEditor3.6.2和CKFinder2.2.1 for ASP.NET部署设置完美解决方案(2)
- CKEditor3.6.2和CKFinder2.2.1 for ASP.NET部署设置完美解决方案(3)
- CKEditor3.6.2和CKFinder2.2.1 for ASP.NET部署设置完美解决方案(4)
- CKEditor3.6.2和CKFinder2.2.1 for ASP.NET部署设置完美解决方案(5)
- CKEditor3.6.2+CKFinder2.1控件的用法
- 在线html编辑器:Asp.net 在CKEditor中使用CKFinder(CKEditor3.1.2集合CKFinder2.1.1),完美组合
- ckfinder2.3集成ckeditor3.6.4之ckfinder2.3破解
- Eclipse下配置CKEditor3.5.3+CKFinder2.0.2
- CKEditor3.6.2和CKFinder2.1 配置方法
- CKEditor3.6.2+CKFinder2.1 最新破解版
- CKEditor3.6.2+CKFinder2.1 上传图片
- Eclipse下配置CKEditor3.5.3+CKFinder2.0.2 .(支持java自动以时间命名--见附件CKFinder2.1.jar需要留下你的邮箱)
- ckeditor3.6.4+ckfinder2.2.2 上传图片到指定
- ckeditor3.6.4+ckfinder2.2.2 上传图片到指定目录
- CKEditor3.6.2与CKFinder2.1整合(java版本)
- C语言中函数参数的入栈顺序
- 用EditPlus配置VC环境(VC6)
- 第一个驱动--内存分配
- oracle 存储过程的基本语法 及注意事项
- VMware-tools安装
- CKEditor3.3.1+CKFinder2.0结合 打造"帅"的编辑器 For .Net
- C#3.0 隐含类型局部变量(Local Variable Type Inference)
- AspNetPager 样式以及使用(漂亮)
- 软件开发过程
- Word操作
- 2011年度微博开放平台第三方应用布局预测及Twitter代表应用分析
- ubuntu中安装中文man手册
- psr
- Struts tag-初体验