CKEditorにカスタムボタンを追加

Question

こんにちはDrupalでCKEditorのカスタムボタンを追加したいと思います。私はプラグインを作成しましたが、それは私のckeditorツールバーに表示されていません。誰かが私を助けることができますか？

plugin.js

CKEDITOR.plugins.add('newplugin', 
{ 
    init: function(editor) 
    { 
     var pluginName = 'newplugin'; 
     CKEDITOR.dialog.add(pluginName, this.path + 'plugin.js'); 
     editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 
     editor.ui.addButton('Newplugin', 
      { 
       label: 'Footnote or Citation', 
     icon: this.path + 'newplugin.png', 
       command: pluginName 
      }); 
    } 
}); 

config.js 
CKEDITOR.editorConfig = function(config) 
{ 


config.extraPlugins = 'newplugin'; 
config.toolbar = [ 
['Bold'],['Italic'],['newplugin'] 
] 
}; 

Answer 1

あなたはWYSIWYGモジュールを使用しています以下のようにコードはありますか？その場合は、wysiwygフックを実装するモジュールを作成して、ボタンを設定に追加する必要があります。これは、次のコードを使用して行うことができます：

function yourtheme_wysiwyg_plugin($editor, $version) { 
    switch ($editor) { 
     return array(
      'PluginName' => array(
       'path' => "Path to plugin directory", 
       'filename' => 'plugin.js', 
       'buttons' => array(
        'Newplugin' => t('New Plugin'), 
       ), 
       'load' => TRUE, 
       'internal' => FALSE, 
      ), 
     ); 
     break; 
    } 
} 

次に、テーマをDrupalにアップロードし、キャッシュをクリアします。ボタンがWYSIWYG管理ページのボタンのリストに表示され、チェックボックスをオンにしてボタンを有効にすることができます。