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

发布时间:

  ⑴//对应的表情图片 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/stylesbo/plugin.js.

  ⒃config.stylesbo_stylesSet = ’default‘;

  ⒄config.stylesbo_stylesSet = ’mystyles‘;

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

  ⒆config.stylesbo_stylesSet = ’mystyles:

  ⒇//起始的索引值

  ⒈config.tabIndex = ;

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

  ⒊config.tabSpaces = ;

  ⒋//默认使用的模板 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 =;

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

  ⒕//CKFinder.SetupCKEditor(null, ’/ckfinder/‘;

  ⒖二、 一些使用技巧

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

  ⒘《script type=”text/javascript“》

  ⒙//示例:设置工具栏为基本工具栏,高度为

  ⒚CKEDITOR.replace(’《%=tbLink.ClientID.Replace(”_“,”$“ %》‘,

  ⒛{ toolbar:’Basic‘, height: };

  ①//示例:工具栏为自定义类型

  ②CKEDITOR.replace( ’editor‘,

  ③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-.js、en.js 以外的文件(也可以根据需要保留其他语言文件;

  ㈦根目录下的 changes.html(更新列表,install.html(安装指向,license.html(使用许可;

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

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