CKEditor 3.0.1 在 asp.net 下进行配置的方法:
官方网站:CKEditor(Fully functional, open source editor, with source code included)
下载地址:CKEditor 3.0.1(released on 16 October 2009)
1、下载 ckeditor_3.0.1.zip 并解压到 ckeditor(在根目录下)。
2、在 aspx 页面或者 master 模板页 <head> 标签中载入 ckeditor.js:
<!-- 载入 CKEditor JS 文件 -->
<script src="../ckeditor/ckeditor.js" type="text/javascript"></script>
在<body>标签中使用ckeditor:
<!-- 使用 ckeditor 必须定义 class="ckeditor" -->
<asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" Text='<%# Bind("info") %>' runat="server"></asp:TextBox>
与其他 .net 控件使用方法相同,设置 Text='<%# Bind("info") %>' 可以方便与数据源进行交互。
3、config.js 的自定义
/*
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function(config) {
// Define changes to default configuration here. For example:
config.language = 'zh-cn'; //配置语言
// config.uiColor = '#FFF'; //背景颜色
// config.width = 400; //宽度
config.height = 400; //高度
config.skin = 'v2'; //编辑器样式
// 取消 “拖拽以改变尺寸”功能
config.resize_enabled = false;
// 基础工具栏
// config.toolbar = "Basic";
// 全能工具栏
// config.toolbar = "Full";
// 自定义工具栏
config.toolbar =
[
['Source', '-', 'Preview'], ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'], ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'], ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'ShowBlocks'], '/',
['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'], ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['Link', 'Unlink', 'Anchor'], ['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar'], '/',
['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', '-', 'About']
];
};
4、要精简 ckeditor 可以将 _samples、_source 文件夹删除,lang 目录下可以只保留en.js、zh.js、zh-cn.js 三个语言文件。
5、CKEditor 不具备上传功能,需要集成 CKFinder 才能实现上传功能。
CKFinder 1.4.1.1 与 CKEditor 3.0.1 进行集成的配置方法:
官方网站:CKFinder(powerful and easy to use Ajax file manager for web browsers)
下载地址:CKFinder 1.4.1.1 for Asp.net(updated 02.10.2009)
6、下载 ckfinder_aspnet_1.4.1.1.zip 并解压到 ckfinder(在根目录下)。
7、打开 " /ckfinder/config.ascx ",修改 BaseUrl 为 BaseUrl = "~/ckfinder/userfiles/";
// 注意“~”
// 以 userfiles 为默认路径,其目录下会自动生成images、flash等子目录。
8、在 ckeditor/config.js 中集成 ckfinder。
// 自定义 CKEditor 样式
CKEDITOR.editorConfig = function(config) {
……
}
// 在 CKEditor 中集成 CKFinder,注意 ckfinder 的路径选择要正确。
CKFinder.SetupCKEditor(null, '../ckfinder/');
9、在 aspx 页面或者 master 模板页 <head> 标签中载入 ckfinder.js:
<!-- 载入 CKFinder JS 文件 -->
<script src="../ckfinder/ckfinder.js" type="text/javascript"></script>
在<body>标签中使用ckfinder:
<!-- 使用 ckeditor 必须定义 class="ckeditor" -->
<asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" Text='<%# Bind("info") %>' runat="server"></asp:TextBox>
与其他 .net 控件使用方法相同,设置 Text='<%# Bind("info") %>' 可以方便与数据源进行交互。
10、可以将 _samples、_source 文件夹删除,lang 目录下可以只保留en.js、zh.js、zh-cn.js 三个语言文件。
常见错误排除方法:
症状:因为安全原因,文件不可浏览。请联系系统管理员并检查CKFinder配置文件。
语句:
public override bool CheckAuthentication()
{
reture false;
}
原因:未设置用户身份验证或者用户未登录。
症状:未知错误
语句:
public override bool CheckAuthentication()
{
reture true;
}
原因:设置不进行用户身份验证,但是 BaseUrl 路径不对。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/E_wsq/archive/2009/12/12/4993742.aspx
分享到:
相关推荐
是一个专门使用在网页上属于...它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。
asp.net 使用ckeditor5富文本编辑器包含图片上传全部代码
CKeditor for ASP.NET
很好用,为了怕大家找不到我把CKEditor.net.dll直接放到目录下了。实在不会用了看我的博客http://blog.csdn.net/jianxia_wzx/article/details/8986120 这个是专门写的教程,通俗易懂。。。。。。
想用这个编辑器的朋友可以下载一下。直接打开就可以用了。
最强大WEB编辑器Ckeditor+ckfinder ASP.NET破解版,就是一个vs2010的项目解压下载后就可以使用。已经破解了,不用再有版权问题,能给大家一个满意的好资源
CKEditor4+ckfinder ASP.NET 支持图片上传
html在线编程,CKEditor+CKFinder+asp.net配置的实例
CKEditor 专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET下使用
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解 一、去http://cksource.com/下载这两个东西 二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4,取出解压后的...
FCKeditor支持当前流行的浏览器如IE,Firefox,Netscape,Opera等. 在线网页编辑插件(用浏览器编辑后所见即所得),支持多种平台下的脚本(asp aspx php cfm Dhtml htc),还集成了上传图片组件,含简、繁中文
CKeditor在线编辑器为FCKeditor的最新版本。
ckeditor,ckfinder与.net的结合实例
asp.net页面中CKEDITOR文本编辑框,配置上传图片的功能,搞了好久,终于弄出来了。
使用ckeditor_3.0.1在jsp界面中实现在线编辑的功能。
CKEditor 文本编辑功能 asp.net
Asp.Net mvc3中ckeditor4.4.0与ckfinder配置上传图片。
1,根据CKEditor4源文件整合; 2,集成了图片上传功能,详见upload.ashx; 3,集成了文件上传功能,并已将文件按【年月】文件夹分类,以及文件按时间命名; 4,提供了文件上传功能的官方源文件,可自行更改文件命名...
ckeditor_3.0.1.技术文档ckeditor_3.0.1.技术文档ckeditor_3.0.1.技术文档ckeditor_3.0.1.技术文档ckeditor_3.0.1.技术文档ckeditor_3.0.1.技术文档
CKEditor 是富文本编辑器,也就是以前大名鼎鼎的 FCKEditor 。以前也出过几个版本,但现在到 5 之后变了许多, 网上的许多教程都没办法用了。于是写这篇博客。 ...