2024年11月如何在Linux下使用网页编辑器CKEditor

发布时间:

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

  ⑵、在页面《head》中引入ckeditor核心文件ckeditor.js

  ⑶《script type=“text/javascript” src=“ckeditor/ckeditor.js”》《/script》

  ⑷、在使用编辑器的地方插入HTML控件《textarea》

  ⑸《textarea id=“TextArea” cols=“” rows=“” class=“ckeditor”》《/textarea》

  ⑹如果是ASP.环境,也可用服务器端控件《TextBox》

  ⑺《asp:TextBox ID=“tbContent” runat=“server” TextMode=“MultiLine” class=“ckeditor”》《/asp:TextBox》

  ⑻注意在控件中加上 class=“ckeditor” 。

  ⑼、将相应的控件替换成编辑器代码

  ⑽《script type=“text/javascript”》

  ⑾CKEDITOR.replace(‘TextArea’;

  ⑿//如果是在ASP.环境下用的服务器端控件《TextBox》

  ⒀CKEDITOR.replace(‘tbContent’;

  ⒁//如果《TextBox》控件在母版页中,要这样写

  ⒂CKEDITOR.replace(‘《%=tbContent.ClientID.Replace(“_”,“$” %》’;

  ⒃《/script》

  ⒄ckeditor的配置都集中在 ckeditor/config.js 文件中,下面是一些常用的配置参数:

  ⒅// 界面语言,默认为 ‘en’

  ⒆config.language = ‘zh-’;

  ⒇config.width = ;

  ⒈config.height = ;

  ⒉// 编辑器样式,有三种:‘kama’(默认、‘office’、‘v’

  ⒊config.skin = ‘v’;

  ⒋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 = ;

  Ⅱ//改变大小的最大宽度

  Ⅲconfig.resize_maxWidth = ;

  Ⅳ//改变大小的最小高度

  Ⅴconfig.resize_minHeight = ;

  Ⅵ//改变大小的最小宽度

  Ⅶconfig.resize_minWidth = ;

  Ⅷ// 当提交包含有此编辑器的表单时,是否自动更新元素内的数据

  Ⅸconfig.autoUpdateElement = true;

  Ⅹ// 设置是使用绝对目录还是相对目录,为空为相对目录

  ㈠config.baseHref = ‘’

  ㈡// 编辑器的z-index值

  ㈢config.baseFloatZIndex = ;