Dodajanje gumba za vnos v TinyMCE

Kar nekaj časa sem porabil, da bi našel kakšna uporabna in delujoča navodila, kako izdelati lastni dodatek (plugin) za editor TinyMCE. Želel sem samo dodati en gumb, ki bo izpisal določeno besedo oz. sklop. To besedo bi potem lahko uporabil za ločevanje strani.

No, in ker sem dolgo časa neuspešno brskal po netu in probaval vse mogoča navodila, sem na koncu sam našel rešitev.

1. v datoteki tiny_mce.js poišči tole funkcijo :

   InsertHorizontalRule:function()
   {if(isGecko||isIE)this.editor.selection.setContent(‘<hr />’);
   else this.editor.getDoc().execCommand(‘InsertHorizontalRule’,false,”);}

   in za njo dodaj kopijo vrstic, spremeni samo ime in določi kaj naj se izpiše:

   InsertSepRule:function()
   {if(isGecko||isIE)this.editor.selection.setContent(‘[nova_stran]’);
   else this.editor.getDoc().execCommand(‘InsertSepRule’,false,”);}

2. V themes/advanced/editor_template.js poišči:

   hr:[‘hr_desc’,’InsertHorizontalRule’]

   in za vrstico dodaj kopijo svoje; preimenuj hr v svoje ime, in popravi ime funkcije od zgoraj:

   sep:[‘sep_desc’,’InsertSepRule’]

3. V themes/advanced/langs/en.js poišči:

   hr_desc:”Insert horizontal ruler”,

   in dodaj kopijo vrstice, kjer popraviš hr v svoje ime in popraviš prevod/opis. Enako za vse jezike:

   sep_desc:”Vstavi oznako za novo stran”,

4. V themes/advanced/skins/default/ui.css poišči:

   .defaultSkin span.hr {background-position:-360px 0}

   in dodaj kopijo vrstice, kjer popravi ime hr:

   .defaultSkin span.sep {background-position:-360px 0}

5. Sedaj samo še v kodi inicializacije dodaš ime med gumbe:

   theme_advanced_buttons3_add : “emotions,iespell,advhr,separator,print,separator,sep“