系统之家 - 系统光盘下载网站!

当前位置:系统之家 > 系统教程 > 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系统推荐

扫码关注
扫码关注

扫码关注 官方交流群 软件收录