基本的 CKEditor IFrame 貼入 Youtube 網址會出現 Youtube 拒絕連線
需要新增 Plugin 解決此問題
設定 Gemfile
# Gemfile
gem 'ckeditor'
設定 application.js
# app/assets/javascripts/application.js
//= require ckeditor/init
下載 Plugin 點我前往下載
將檔案放置此路徑 app/assets/javascripts/ckeditor/plugins/youtube
設定 config.js
# app/assets/javascripts/ckeditor/config.js
CKEDITOR.editorConfig = function (config) {
// Language
config.language = 'zh';
// Toolbar
config.toolbar_basic = [
["Cut", "Copy", "Paste", "CopyFormatting", "-", "Undo", "Redo", "-", "NumberedList", "BulletedList", "Outdent", "Indent", "-", 'JustifyLeft', 'JustifyCenter', 'JustifyRight', "-", "Link", "Image", "Table", "Youtube"],
"/",
["Bold", "Italic", "Underline", "Strike", "Subscript", "Superscript", "-", "Font", "FontSize", "-", "TextColor", "BGColor"],
];
config.toolbar = "basic";
// Youtube
config.extraPlugins='youtube';
// Image
config.filebrowserImageUploadUrl = `/ckeditor/pictures`;
config.removeDialogTabs = 'image:Link;image:advanced';
};
完成圖
點擊按鈕圖
