space space space
xhtmlsuite_banner.jpg
 
 
space space space
Sie sind hier: Startseite arrow Editing Lösungen arrow TMEdit arrow Eigene Schaltflächen
 
 
space space space

Eigene Schaltflächen hinzufügen

 
 

Viele Komponenten für Joomla!/Mambo bringen Ihre eigenen Mambots mit und manchmal kann es durchaus sinnvoll oder einfach bequem sein, dafür eine eigene Schaltfläche zu haben.

In dem folgenden Tutorial wird beschrieben, wie man auf einfache Weise neue Schaltflächen zu TMEdit hinzufügen kann.

Natürlich ist der Einsatz solcher Schaltflächen nicht auf Mambot-Befehle beschränkt sondern lässt es zu, beliebige Text- oder Codeschnippsel auf Knopfdruck einzufügen.

Die Erzeugung einer solchen Schaltfläche soll am Beispiel eines Simpleboard Mambots erklärt werden, mit dem es möglich ist, einen Artikel direkt mit einem Forumbeitrag zu verknüpfen.

Hierzu muss die Datei /mambots/editors/tmedit.php in einem Texteditor geöffnet werden und ab Zeile 108 folgender Code eingefügt werden, um die Schaltfläche in TMEdit zu registrieren:

config<?php echo $name; ?>.registerButton({
   id      : 'discussbot',
   tooltip : 'Add a forum discussion to this article',
   image   : _editor_url + 'images/ed_template.gif',
   textMode: false,
   action  : function(editor<?php echo $name; ?>, id) {
               editor<?php echo $name; ?>.focusEditor();
               editor<?php echo $name; ?>.insertHTML('{mos_sb_discuss: }');
             }
});

Nun geht es weiter in Zeile 131 (bzw. 141, sofern obige Zeilen bereits hinzugefügt wurden). Hier werden die Schaltflächen mit ihrer ID aufgerufen. Im folgenden kann die Schaltfläche an gewünschter Stelle eingefügt und auf Wunsch von angrenzenden Buttons mit einem Separator abgeteilt werden:

"separator", "discussbot", "separator"

Erklärung der einzelnen Parameter

Code Erklärung
id Repräsentiert den Namen der Schaltfläche, mit dem sie im Toolbar aufgerufen wird
tooltip Enthält den Infotext, welcher angezeigt wird, wenn man mit der Maus auf die betreffende Schaltfläche zeigt.
image Hier wird der Schaltfläche das zugehörige Bild für den Toolbar zugewiesen. Das Format muss hierbei 18 x 18 Pixel betragen. Das Bild für die Schaltfläche muss in das Verzeichnis /mambots/editors/tmedit/images.
textMode Boolscher Wert (true/false), der definiert, ob die Schaltfläche im HTML-Quelltextmodus klickbar sein soll oder nicht (false ist Standard)
action Hier ist die eigentliche Aktion enthalten. In diesem Fall wird mit focusEditor() zunächst das Editorfenster fokussiert; dies verhindert, dass das Codeschnippsel irgendwo in der Seite eingefügt, wird anstatt im Editor. Danach wird mittels der Funktion insertHTML() der gewünschte HTML-Code - in diesem Beispiel {mos_sb_discuss: } - eingefügt.

icon Bild (Vorlage) für Schaltflächen

 
 
bkp