Puis-je personnaliser l'étiquette des boutons OK et Annuler de la boîte de dialogue du plugin ckeditor?

Question

J'ai un plugin créé dans le framework JS de l'éditeur CK. J'ai été capable de montrer une boîte de dialogue pour mon plugin avec quelques champs. Mais j'ai besoin de contrôler les boutons OK et Annuler les propriétés css comme l'étiquette, la couleur etc. Cette personnalisation est-elle possible?

Answer 1

Vous avez deux approches ici:

• Vous pouvez personnaliser les boutons uing CKEDITOR.dialog.definition#buttons propriété.
• Vous pouvez remplacer la méthode CKEDITOR.dialog.okButton - plus hacky, donc je vous recommande d'essayer avec le premier.

Answer 2

Il existe surcharger la méthode qui remplace les paramètres passés. Cela fonctionne pour moi sur Ckeditor 4. Essayez-le:

CKEDITOR.dialog.add('getlinkDialog', function (editor) { 
    return { 
     title: 'Dialog title', 
     minWidth: 300, 
     minHeight: 70, 
     contents: [ 
      { 
       id: 'getlink-basic', 
       label: 'Basic Settings', 
       elements: [ 
        { 
         type: 'text', 
         id: 'link', 
         label: 'Enter your name' 
        } 
       ] 
      } 
     ], 
     buttons: [ 
     CKEDITOR.dialog.okButton.override({ label : 'My Label'}), 
     CKEDITOR.dialog.cancelButton.override({}) 
     ], 
     onOk: function() { 
      //Your code 
     } 
    }; 
});