CKEditor一般所指的就是fCKEDITOR,是出色的网页编辑器,可以支持多种编程语言,用的人愈加多,那样Linux下要怎么用网页编辑器CKEditor呢?下面记者就给大伙介绍下Linux用CKEditor的办法。
1、用法:
1、在页面《head》中引入ckeditor核心文件ckeditor.js
《script type=text/javascript src=ckeditor/ckeditor.js》《/script》
2、在用编辑器的地方插入HTML控件《textarea》
《textarea id=TextArea1 cols=20 rows=2 class=ckeditor》《/textarea》
若是ASP.NET环境,也可用服务器端控件《TextBox》
《asp:TextBox ID=tbContent runat=server TextMode=MultiLine class=ckeditor》《/asp:TextBox》
注意在控件中加上 class=ckeditor 。
3、将相应的控件替换成编辑器代码
《script type=text/javascript》
CKEDITOR.replace(TextArea1);
//若是在ASP.NET环境下用的服务器端控件《TextBox》
CKEDITOR.replace(tbContent);
//假如《TextBox》控件在母版页中,要如此写
CKEDITOR.replace(《%=tbContent.ClientID.Replace(_,$) %》);
《/script》
4、配置编辑器
ckeditor的配置都集中在 ckeditor/config.js 文件中,下面是一些常见的配置参数:
// 界面语言,默觉得 en
config.language = zh-cn;
// 设置宽高
config.width = 400;
config.height = 400;
// 编辑器样式,有三种:kama(默认)、office2003、v2
config.skin = v2;
// 背景颜色
config.uiColor = #FFF;
// 工具栏(基础Basic、全能Full、自概念)plugins/toolbar/plugin.js
config.toolbar = Basic;
config.toolbar = Full;
这将配合:
config.toolbar_Full = [
[Source,-,Save,NewPage,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],
[JustifyLeft,JustifyCenter,JustifyRight,JustifyBlock],
[Link,Unlink,Anchor],
[Image,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak],
/,
[Styles,Format,Font,FontSize],
[TextColor,BGColor]
];
//工具栏能否被缩短
config.toolbarCanCollapse = true;
//工具栏的地方
config.toolbarLocation = TOP;//可选:bottom
//工具栏默认是不是展开
config.toolbarStartupExpanded = true;
// 取消 拖拽以改变尺寸功能 plugins/resize/plugin.js
config.resize_enabled = false;
//改变大小的最大高度
config.resize_maxHeight = 3000;
//改变大小的最大宽度
config.resize_maxWidth = 3000;
//改变大小的最小高度
config.resize_minHeight = 250;
//改变大小的最小宽度
config.resize_minWidth = 750;
// 当提交包括有此编辑器的表单时,是不是自动更新元素内的数据
config.autoUpdateElement = true;
// 设置是用绝对目录还是相对目录,为空为相对目录
config.baseHref =
// 编辑器的z-index值
config.baseFloatZIndex = 10000;
//设置快捷键