Ajouter un bouton personnalisé à CKEditor

Question

Salut Je veux ajouter un bouton personnalisé pour CKEditor dans drupal. J'ai créé un plugin, mais il ne s'affiche pas dans ma barre d'outils ckeditor. Est-ce que quelqu'un peut m'aider? Le code est le suivant

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

Utilisez-vous le module WYSIWYG? Si c'est le cas, vous devez créer un module qui implémente le hook wysiwyg pour ajouter le bouton à la configuration. Cela peut être fait en utilisant le code suivant:

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; 
    } 
} 

Puis télécharger le thème de Drupal et effacer vos caches. Le bouton devrait maintenant apparaître dans la liste des boutons de la page d'administration WYSIWYG où vous pouvez cocher la case et activer le bouton.