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

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

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

　　//对应的表情图片 plugins/smiley/plugin.js

　　config.smiley_images = ［

　　’regular_smile.gif‘，’sad_smile.gif‘，’wink_smile.gif‘，’teeth_smile.gif‘，’confused_smile.gif‘，’tounge_smile.gif‘，

　　’embaressed_smile.gif‘，’omg_smile.gif‘，’whatchutalkingabout_smile.gif‘，’angry_smile.gif‘，’angel_smile.gif‘，’shades_smile.gif‘，

　　’devil_smile.gif‘，’cry_smile.gif‘，’lightbulb.gif‘，’thumbs_down.gif‘，’thumbs_up.gif‘，’heart.gif‘，

　　’broken_heart.gif‘，’kiss.gif‘，’envelope.gif‘］;

　　//表情的地址 plugins/smiley/plugin.js

　　config.smiley_path = ’plugins/smiley/images/‘;

　　//页面载入时，编辑框是否立即获得焦点 plugins/editingblock/plugin.js plugins/editingblock/plugin.js.

　　config.startupFocus = false;

　　//载入时，以何种方式编辑源码和所见即所得 ”source“和”wysiwyg“ plugins/editingblock/plugin.js.

　　config.startupMode =’wysiwyg‘;

　　//载入时，是否显示框体的边框 plugins/showblocks/plugin.js

　　config.startupOutlineBlocks = false;

　　//是否载入样式文件 plugins/stylescombo/plugin.js.

　　config.stylesCombo_stylesSet = ’default‘;

　　//以下为可选

　　config.stylesCombo_stylesSet = ’mystyles‘;

　　config.stylesCombo_stylesSet = ’mystyles:/editorstyles/styles.js‘;

　　config.stylesCombo_stylesSet = ’mystyles:https://www.example.com/editorstyles/styles.js‘;

　　//起始的索引值

　　config.tabIndex = 0;

　　//当用户键入TAB时，编辑器走过的空格数，（）当值为0时，焦点将移出编辑框 plugins/tab/plugin.js

　　config.tabSpaces = 0;

　　//默认使用的模板 plugins/templates/plugin.js.

　　config.templates = ’default‘;

　　//用逗号分隔的模板文件plugins/templates/plugin.js.

　　config.templates_files = ［ ’plugins/templates/templates/default.js‘ ］

　　//当使用模板时，“编辑内容将被替换”框是否选中 plugins/templates/plugin.js

　　config.templates_replaceContent = true;

　　//主题

　　config.theme = ’default‘;

　　//撤销的记录步数 plugins/undo/plugin.js

　　config.undoStackSize =20;

　　// 在 CKEditor 中集成 CKFinder，注意 ckfinder 的路径选择要正确。

　　//CKFinder.SetupCKEditor（null， ’/ckfinder/‘）;

　　二、一些使用技巧

　　1、在页面中即时设置编辑器

　　《script type=”text/javascript“》

　　//示例1：设置工具栏为基本工具栏，高度为70

　　CKEDITOR.replace（’《%=tbLink.ClientID.Replace（”_“，”$“） %》‘，

　　{ toolbar：’Basic‘， height:70 }）;

　　//示例2：工具栏为自定义类型

　　CKEDITOR.replace（ ’editor1‘，

　　{

　　toolbar ：

　　［

　　//加粗斜体，下划线穿过线下标字上标字

　　［’Bold‘，’Italic‘，’Underline‘，’Strike‘，’Subscript‘，’Superscript‘］，

　　//数字列表实体列表减小缩进增大缩进

　　［’NumberedList‘，’BulletedList‘，’-‘，’Outdent‘，’Indent‘］，

　　//左对齐居中对齐右对齐两端对齐

　　［’JustifyLeft‘，’JustifyCenter‘，’JustifyRight‘，’JustifyBlock‘］，

　　//超链接取消超链接锚点

　　［’Link‘，’Unlink‘，’Anchor‘］，

　　//图片 flash 表格水平线表情特殊字符分页符

　　［’Image‘，’Flash‘，’Table‘，’HorizontalRule‘，’Smiley‘，’SpecialChar‘，’PageBreak‘］，

　　’/‘，

　　//样式格式字体字体大小

　　［’Styles‘，’Format‘，’Font‘，’FontSize‘］，

　　//文本颜色背景颜色

　　［’TextColor‘，’BGColor‘］，

　　//全屏显示区块

　　［’Maximize‘， ’ShowBlocks‘，’-‘］

　　］

　　}

　　）;

　　《/script》

　　三、精简ckeditor

　　在部署到Web服务器上时，下列文件夹和文件都可以删除：

　　/_samples ：示例文件夹;

　　/_source ：未压缩源程序;

　　/lang文件夹下除 zh-cn.js、en.js 以外的文件（也可以根据需要保留其他语言文件）;

　　根目录下的 changes.html（更新列表），install.html（安装指向），license.html（使用许可）;

　　/skins 目录下不需要的皮肤，一般用V2（简单，朴素），如果只保留V2则必须在config.js中指定皮肤。

　　上面就是Linux使用CKEditor的方法介绍了，本文除了介绍CKEditor的基本用法外，还介绍了一些CKEditor的使用技巧，让你更好的掌握CKEditor的使用。

标签网页编辑器

发表评论

共0条

验证码

没有更多评论了

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

立即评论

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

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

相关教程

发表评论

其他版本软件

热门教程

人气教程排行

Linux系统推荐

猜你想搜