[Guida] Aggiungere pulsanti personalizzati all'editor

[mavericck]

Questa guida è una versione tradotta e riadattata della guida di Ozidave, disponibile a questo indirizzo

Aggiungere un pulsante personalizzato all'editor

File da modificare

• editor.js
• functions.php
• global_lang.php
  

Funzionalità aggiunte

Questa modifca permetterà di aggiungere facilmente i tag di apertura/chiusura a particolari elementi del post, mediante l'utilizzo di un semplice pulsante (simile a quelli già esistenti).
Nell'esempio vengono aggiunti due nuovi pulsanti all'editor, in una nuova riga. Generalizzando la procedura, sarà possibile aggiungere un qualsiasi altro numero di pulsanti.

* Si dà per scontato che siano già stati creati i MyCode corrispondenti ai pulsanti.

1 - Aprire il file editor.js

Trovare:

Codice:

editor.appendChild(toolbar2);

Aggiungere sotto:

Codice:

// Create a new toolbar under the existing toolbars.
        toolbar3 = document.createElement("div");
        toolbar3.style.height = "28px";
        toolbar3.style.position = "relative";

        // Create formatting section of the new toolbar.
        toolbar3area = document.createElement("div");
        toolbar3area.style.position = "absolute";
        toolbar3.appendChild(toolbar3area);

        // Insert toolbar3area buttons.
        this.insertStandardButton(toolbar3area, "flash", "images/codebuttons/flash.gif", "flash", "", this.options.lang.title_flash);
        this.insertStandardButton(toolbar3area, "video", "images/codebuttons/video.gif", "video", "", this.options.lang.title_video);
        
        // Insert the new toolbar into the editor
        editor.appendChild(toolbar3);

2 - Aprire il file functions.php
Trovare:

Codice:

"editor_title_close_tags",

Aggiungere sotto:

Codice:

"editor_title_flash",
                  "editor_title_video",

3 - Aprire il file global_lang.php
Trovare:

Codice:

$l['editor_title_close_tags'] = "Close any open MyCode tags that you currently have open";

Aggiungere sotto:

Codice:

$l['editor_title_flash'] = "Add an in-line flash clip";
$l['editor_title_video'] = "Add an in-line video clip";

4 - Chiudere e salvare tutti i file

5 - Aggiungere un'immagine adatta (rimpiazzando flash.gif) nella cartella images/codebuttons/

[Mte90]

Dei plugin che permettono questa modifica da pannello admin non ci sono?
dovrebbe essere una funzione implementata...

[mavericck]

Al momento non sono presenti nella versione diponibile in download.

mavericck