2017-03-17 85 views
0

我为尽量使本地插件,例如YouTube启用在CKEDITOR本地插件使用CDN

编辑器工作正常,没有JavaScript错误,但不显示工具栏上的YouTube图标。

到目前为止我的代码看起来像这样

<script src="https://cdn.ckeditor.com/4.6.2/full-all/ckeditor.js"></script> 
<script> 

    CKEDITOR.plugins.addExternal('youtube', '/appx/ipage/ckeditor/plugins/youtube/', 'plugin.js'); 
    CKEDITOR.replace('editor-full', { 


     toolbar: [ 
      { name: 'others', items: [ 'Youtube' ] }, 
      { name: 'document', items: [ 'Print','Source' ] }, 
      { name: 'clipboard', items: [ 'Undo', 'Redo'] }, 
      { name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] }, 
      { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'CopyFormatting' ] }, 
      { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
      { name: 'align', items: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] }, 
      { name: 'links', items: [ 'Link', 'Unlink' ] }, 
      { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }, 
      { name: 'insert', items: [ 'Image', 'Table'] }, 
      { name: 'clipboard', items: ['Paste', 'PasteText', 'PasteFromWord'] }   
     ], 

     customConfig: '', 
     disallowedContent: 'img{width,height,float}', 
     extraAllowedContent: 'img[width,height,align]', 
     // Enabling extra plugins, available in the full-all preset: http://ckeditor.com/presets-all 
     extraPlugins: 'tableresize,uploadimage,uploadfile,embed,autoembed', 
     height:600, 
     contentsCss: [ 'https://cdn.ckeditor.com/4.6.2/full-all/contents.css', '/appx/ipage/ckeditor/editors/article-editor/mystyles.css' ], 

     // This is optional, but will let us define multiple different styles for multiple editors using the same CSS file. 
     bodyClass: 'document-editor' 
</script> 

我尝试加载ckeditor.js地方,但后来我得到一个图标错误。

任何意识?

由于

回答

0

步骤1.

config.extraPlugins = 'youtube'; 

步骤2添加至图标工具栏:

config.toolbar = [{ name: 'insert', items: ['Image', 'Youtube']}]; 

步骤3:配置

config.youtube_width = '640'; 

config.youtube_height = '480'; 

config.youtube_related = true; 

config.youtube_older = false;