最后有图文并茂。。要能上传的
求ASP.NET下配置最新的CKEditor和CKFinder
- 提问者网友:精神病院里
- 2021-04-26 14:08
- 五星知识达人网友:七十二街
- 2021-04-26 14:26
ckeditor 3.3.1配置
一.ckeditor 3.3.1精简
1、删除_samples和_source文件夹,分别为示例文件和未压缩源程序
2、删除lang文件夹下除zh-cn.js,en.js下的所有语言文件.根据需要删除
3、删除根目录下的changes.html(更新列表),install.html(安装指向),license.html(使用许可).
4、删除skins目录下不需要的皮肤.我一般用V2(简单.朴素) //如果只保留V2则必须在config.js中指定皮肤
5、删除根目录下的ckeditor.asp、ckeditor.php、ckeditor_php4.php、ckeditor_php5.php(asp和php版的文件).
二.ckeditor 3.3.1相关文件配置路径
1、/ckeditor.js 核心文件,调用需加载
2、/config.js 配置文件,参数配置均在此完成
三.ckeditor应用(.net环境)
1、引用js脚本
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
2、添加TextBox控件,class设置为ckeditor
<asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" Text='' runat="server" />
四.ckeditor配置(config.js配置文件)
详细api参数见: http://docs.cksource.com/ckeditor_api/,我的默认配置:
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
// Define changes to default configuration here. For example:
config.language = 'zh-cn'; //配置语言
//config.uiColor = '#AADC6E'; //背景颜色
//config.width = 650; //宽度
config.height = 400; //高度
config.skin = 'v2'; //编辑器样式(kama、office2003、v2)
// 取消 “拖拽以改变尺寸”功能
config.resize_enabled = true;
// 基础工具栏
//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',]
];
};