如何在Linux下使用网页编辑器CKEditor

CKEditor通常所指的就是fCKEDITOR,是优秀的网页编辑器,能够支持多种编程语言,使用的人越来越多,那么Linux下要如何使用网页编辑器CKEditor呢?下面小编就给大家介绍下Linux使用CKEditor的方法 。

如何在Linux下使用网页编辑器CKEditor


一、使用方法:
1、在页面《head》中引入ckeditor核心文件ckeditor.js
《script type=“text/javascript” src=https://www.weikeam.com/shuma/“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’]

推荐阅读