Drupal 7 設定 Ckeditor 筆記

補齊外掛程式

可直接使用cdn

/admin/config/content/ckeditor/editg

//cdn.ckeditor.com/4.5.4/full-all

(不用上傳，直接用預設的就好 )

優化一些功能

Custom JavaScript configuration

config.allowedContent=true;

config.enterMode = CKEDITOR.ENTER_BR;

config.shiftEnterMode = CKEDITOR.ENTER_P;

config.autoParagraph = false;

config.extraAllowedContent = 'p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*}';

CKEDITOR.dtd.$removeEmpty.i = 0;

第1行是要解決ckeditor會吃html的問題

第2~3行是要調整enter換行

第4行是不要自動加 p

第5~6行是要 Font Awesome 的 i 不會消失

設定imce

上傳照片可以搭配imce使用，記得到設定檔加一下，才不會有權限的問題

加入影片語法 & 影片支援RWD

下載 https://ckeditor.com/cke4/addon/oembed

放到

/sites/all/modules/ckeditor/plugins

編輯 

/sites/all/modules/ckeditor/ckeditor.config.js

  config.extraPlugins = 'oembed,widget';

  config.oembed_maxWidth = '560';

  config.oembed_maxHeight = '315';

  config.oembed_WrapperClass = 'embededContent';

  config.extraPlugins = 'div';

RWD的方式，加CSS

.embededContent.oembed-provider-.oembed-provider-youtube {

position:relative;

padding-bottom:56.25%;

padding-top:30px;height:0;overflow:hidden;

}

.embededContent.oembed-provider-.oembed-provider-youtube iframe,

.embededContent.oembed-provider-.oembed-provider-youtube object,

.embededContent.oembed-provider-.oembed-provider-youtube embed{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

}