当前位置：万象系统之家 > 系统教程 > Linux使用CKEditor

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

时间：2015-02-06 17:57:33 作者：qipeng 来源：万象系统之家 1. 扫描二维码随时看资讯 2. 请使用手机浏览器访问： https://m.xitongzhijia.net/xtjc/20150206/37454.html 手机查看评论反馈

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

　　一、使用方法：

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

　　《script type=“text/javascript” src=?xtjc/20150206/“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;

　　//设置快捷键

标签网页编辑器

发表评论

共0条

验证码

没有更多评论了

评论就这些咯，让大家也知道你的独特见解

立即评论

以上留言仅代表用户个人观点，不代表万象系统之家立场

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

相关教程

发表评论

其他版本软件

热门教程

人气教程排行

Linux系统推荐

猜你想搜