Aktionen abfangen

Sie können bestimmte Aktionen in der Frontend Administration per Javascript abfangen und so individuell darauf reagieren. Greifen Sie dazu auf die on Funktion des Objekts egotec_edit zu, und übergeben Sie dieser den/die Namen der abzufangenden Aktionen und Ihre Callback Funktion.

In folgenden Beispiel wird sobald ein Block hinzugefügt wird eine individuelle Funktion ausgeführt:

egotec_edit.on('Add', function(params, event) {
    // ...
});

Ihre Callback Funktion erhält folgende Parameter:

  • params: Ein Objekt mit Informationen zum betroffenen Element.
  • event: Die Bezeichnung der ausgeführten Aktion.

Sie können der on Funktion auch gleichzeitig mehrere Aktionen übergeben. Trennen Sie diese dazu mit einem Leerzeichen.

egotec_edit.on('Add Remove', function(params, event) {
    // ...
});

Nutzen Sie die Funktion off, wenn Sie ein vorher definiertes Callback wieder entfernen möchten (auch hier können Sie mehrere Aktionen übergeben).

var cb = function(params, event) {
    // ...
};

egotec_edit.on('Add Duplicate Move Remove', cb);
egotec_edit.off('Duplicate Move', cb);
warning

Beachten Sie, dass das Objekt egotec_edit nur existiert, während die Frontend Administration aktiv ist. Das Objekt wird automatisch am Ende des HTML head Elements erzeugt. Um darauf zugreifen zu können, muss Ihr Code am Ende des HTML body Elements ausgeführt werden oder warten, bis der DOM oder das Fenster geladen wurden.

warning

Wenn Sie Ihren Code nur innerhalb der Frontend Administration im HTML platzieren möchten, nutzen Sie die Smarty Variable $frontend_admin, um Ihren Code nur bei Existenz dieser Variablen zu setzen:

{if $frontend_admin}
    <script type="text/javascript">
        // ...
    </script>
{/if}

 Folgende Aktionen können abgefangen werden:

  • Init: Ein Block wurde initialisiert.
  • Add: Ein Block wurde hinzugefügt.
  • Replace: Ein Block wurde ersetzt.
  • Duplicate: Ein Block wurde dupliziert.
  • Move: Ein Block wurde verschoben.
  • Remove: Ein Block wurde entfernt.
  • Attach: In einem Block wurde ein Element hinzugefügt.
  • Detach: In einem Block wurde ein Element entfernt.
  • Page: Einem Block wurde eine Seite zugewiesen.
  • Pool: Für einen Block wurde der Mediapool bearbeitet.
  • Edit: Für einen Block wurden Einstellungen vorgenommen.
  • Copy: Ein Block wurde in eine oder mehrere Sprachen kopiert.
  • Value: Für einen Block wurde ein Wert gesetzt.
  • Date: Für einen Block wurde ein Datum gesetzt.
  • Anchor: Für einen Block wurde die Sprungmarke geändert.
  • Viewport: Die Viewport Einstellung wurde geändert.
  • Layout: Das Layout wurde geändert.
  • Translate: Die Übersetzungsunterstützung des Blocks wurde geschlossen (wird zusammen mit Edit erzeugt).

Aktionen des tinymce Editors abfangen

Auch Aktionen des Editors können abgefangen werden. Setzen Sie dazu für Ihre {value} Elemente den Parameter hooks. Dieser beinhaltet kommasepariert tinymce Events, die Sie für dieses Element abfangen möchten:

{value var="content1" title="Inhalt" hooks="Change"}

Alle Editor Events beginnen mit dem Prefix editor + tinymce Event Bezeichnung (erster Buchstabe ist immer groß geschrieben) und werden so angesteuert:

egotec_edit.on('editorChange', cb);

Dabei erhalten Sie im Callback ein Objekt mit folgenden Werten:

  • editor: Editor Instanz.
  • orient: betroffene Orientierung des Blocks.
  • index: betroffene Position des Blocks.
  • block: betroffener Block.
  • name: Name des Elements.
  • type: Typ des Elements.
  • values: Alle Werte des Elements.
  • event: Das Event-Objekt von TinyMCE