绿茶系统官网 网站地图| TAG标签| RSS订阅| 加入收藏

怎么样在Linux下用网页编辑器CKEditor

怎么样在Linux下用网页编辑器CKEditor
更新时间:2025-01-01 09:34 系统大小: 系统类型:其他教程
授权方式: 系统语言: 系统位数:
系统品牌: 系统版本:

安全检测:

推荐星级:

详细介绍

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;

//设置快捷键

下载地址