So wenden Sie CSS auf benutzerdefinierte Schaltflächen in tinyMCE Active Editor-Popup

Question

Ich möchte benutzerdefinierte CSS in meinem tinyMCE aktiven Editor-Popup hinzufügen und den Screenshot als Referenz beifügen.

unten ist der Referenzcode:

tinymce.activeEditor.windowManager.open({ 
title: 'Browse Image Gallery', 
    file: "data/get_images_tiny.php", 
     width: 500, 
     height: 305, 
     resizable: "no", 
     inline: "yes", 
     close_previous: "no", 
     buttons: [{ 
      text: 'Upload Image from your PC', 
      onclick: function() { 
      //do something    
      } 
     }, { 
      text: 'Close', 
      onclick: 'close' 
      }] 
     } 
}); 

Answer 1

Die beste Art und Weise zu tun, ist Stil zu überschreiben, indem Sie Ihre benutzerdefinierte CSS-Datei definieren.

TinyMCE init Konfiguration

editor_css : 'editor.css' 

Dann

.defaultSkin span.mce_upload {some_css: css_value} 

Answer 2

Sie können das .mce-btn button Selektor benutzerdefinierten Stil für alle Tasten hinzufügen, was diese Wähler hat.

Sie fanden es in der skin.min.css

Es gibt darin auch andere Selektoren, wie .mce-primary button

Diese CSS bei [path/to/tinymce/]tinymce/js/tinymce/skins/lightgray ist

wo hellgrau das Thema Name.

Sie können es auch in Ihrem überschreiben editor.css

UPDATE

Sie Ihre benutzerdefinierte CSS für Ihre Pop-ups wie diese hinzufügen können (reference):

tinyMCE.init({ 
    ... 
    popup_css : "/mypopup.css" 
});