Page 1 of 1

TinyMCE5 icons

Posted: Mon Nov 16, 2020 8:09 am
by Tata
Es sieht manchmal in schmaleren Templates nicht besonder schön, wenn die Toolbars zerschießen. Ich habe versucht die Ikonen kleiner zu machen. Aber es hat nicht geklappt. Wie kann man das erreichen. Die SVGs, die in icons.js definiert sind haben die Höhe/Breite 24px. Das zu verkleiner hilft aber nicht.

Re: TinyMCE5 icons

Posted: Mon Nov 16, 2020 8:35 am
by frase
Ich glaube mal gelesen zu haben, dass es ein "Small Icon-Pack" für den Tiny gibt.
Das wäre mir aber zu umständlich und aufwendig.

Etwas anders aber einfacher geht es, wenn du statt der 4 fest vorgegebenen Toolbars alles in EINER unterbringst. Damit ordnen sich die Icons automatisch hintereinander an und umbrechen in die nächste Zeile, wenn der Platz nicht reicht.

Dazu in deiner init_*.js den Abschnitt suchen:

Code: Select all

  toolbar1: " ... ",
  toolbar2: " ... ",
  toolbar3: " ... ",
  toolbar4: " ... ",
Dann kopierst du die Inhalte von 2, 3 und 4 einfach hinter den Inhal von 1.
2, 3 und 4 kannst du dann löschen.
Etwa so:

Code: Select all

  toolbar1: " ... ... | ... | ... | und so weiter ",
Der senkrechte Strich ist ein optischer Trenner zwischen zusammengehörigen Bereichen.

Re: TinyMCE5 icons

Posted: Mon Nov 16, 2020 12:39 pm
by cmss

Re: TinyMCE5 icons

Posted: Mon Nov 16, 2020 2:52 pm
by Tata
frase wrote:
Mon Nov 16, 2020 8:35 am
Etwas anders aber einfacher geht es, wenn du statt der 4 fest vorgegebenen Toolbars alles in EINER unterbringst.
Ja, genau das habe ich auch benutzt, indem ich eigene "complette.init" erstellt habe. Es ist zwar etwa schwerer sich in der Reihe zu orientieren, aber ist ziemlich besser so.
Andere Möglichkeit ist im Adminmodus breiteren Content zu haben. Es ist aber auch nicht optimal.