系統(tǒng)之家 - 系統(tǒng)光盤下載網(wǎng)站!

當前位置:系統(tǒng)之家 > 系統(tǒng)教程 > Linux使用CKEditor

如何在Linux下使用網(wǎng)頁編輯器CKEditor(4)

時間:2015-02-06 17:57:33 作者:qipeng 來源:系統(tǒng)之家 1. 掃描二維碼隨時看資訊 2. 請使用手機瀏覽器訪問: https://m.xitongzhijia.net/xtjc/20150206/37454.html 手機查看 評論

  //對應(yīng)的表情圖片 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時,編輯器走過的空格數(shù),( ) 當值為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‘ ]

  //當使用模板時,“編輯內(nèi)容將被替換”框是否選中 plugins/templates/plugin.js

  config.templates_replaceContent = true;

  //主題

  config.theme = ’default‘;

  //撤銷的記錄步數(shù) plugins/undo/plugin.js

  config.undoStackSize =20;

  // 在 CKEditor 中集成 CKFinder,注意 ckfinder 的路徑選擇要正確。

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

  二、 一些使用技巧

  1、在頁面中即時設(shè)置編輯器

  《script type=”text/javascript“》

  //示例1:設(shè)置工具欄為基本工具欄,高度為70

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

  { toolbar:’Basic‘, height:70 });

  //示例2:工具欄為自定義類型

  CKEDITOR.replace( ’editor1‘,

  {

  toolbar :

 。

  //加粗 斜體, 下劃線 穿過線 下標字 上標字

 。’Bold‘,’Italic‘,’Underline‘,’Strike‘,’Subscript‘,’Superscript‘],

  //數(shù)字列表 實體列表 減小縮進 增大縮進

 。’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‘],

  //全屏 顯示區(qū)塊

  [’Maximize‘, ’ShowBlocks‘,’-‘]

  ]

  }

 。;

  《/script》

  三、精簡ckeditor

  在部署到Web服務(wù)器上時,下列文件夾和文件都可以刪除:

  /_samples :示例文件夾;

  /_source :未壓縮源程序;

  /lang文件夾下除 zh-cn.js、en.js 以外的文件(也可以根據(jù)需要保留其他語言文件);

  根目錄下的 changes.html(更新列表),install.html(安裝指向),license.html(使用許可);

  /skins 目錄下不需要的皮膚,一般用V2(簡單,樸素) ,如果只保留V2則必須在config.js中指定皮膚。

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

發(fā)表評論

0

沒有更多評論了

評論就這些咯,讓大家也知道你的獨特見解

立即評論

以上留言僅代表用戶個人觀點,不代表系統(tǒng)之家立場

其他版本軟件

熱門教程

人氣教程排行

Linux系統(tǒng)推薦

掃碼關(guān)注
掃碼關(guān)注

掃碼關(guān)注 官方交流群 軟件收錄