Seite 1 von 1

tiny MCE wysiwyg Button

Verfasst: Mo 5. Sep 2022, 09:49
von christobal
Hallo aus einem sonnigen Tirol!
tiny-commands.png
tiny-commands.png (51.58 KiB) 1550 mal betrachtet
tiny-screen.png
tiny-screen.png (90.64 KiB) 1550 mal betrachtet
Ich arbeite mit webEdition Barrhorn 9.1.2 und verwende den WYSIWYG-Editor. In der Klasse hab ich bei den Textbox Attributen unter commands u.a. das CSS-Attribut "btn btn-primary" definiert. In den 8er webEdition Versionen hat das auch immer gut funktioniert. Seit dem 9er webEdition funktioniert das nicht mehr, dass man mehrere Klassen z.B.: wie hier einem Link zuordnet. tiny MCE reduziert das auf "btn".

Was kann ich da tun?
Bitte um Hilfe!

Christoph

Re: tiny MCE wysiwyg Button

Verfasst: Mo 5. Sep 2022, 19:59
von WBTMagnum
Hallo Christoph,

Sollte da nicht ein Beistrich dazwischen sein?

HTH,
Sascha

Re: tiny MCE wysiwyg Button

Verfasst: Mi 7. Sep 2022, 11:14
von christobal
Grüß Dich Sascha, nein, Beistrich fehlt da nicht. Ich kann ja einem Element mehrere CSS-Klassen zuordnen. In diesem Fall "btn btn-primary" oder "table table-condensed table alternate". Und das klappt seit dem 9er webEdition leider nicht mehr...

Re: tiny MCE wysiwyg Button

Verfasst: Mi 7. Sep 2022, 12:50
von Finn
Kann es sein, dass sich die Syntax für den neuen Tiny geändert hat?

Re: tiny MCE wysiwyg Button

Verfasst: Di 25. Okt 2022, 10:01
von rhorbas
Ich kämpfe da auch gerade damit, meine Redaktion kann kein "btn btn-lg btn-primary" mehr setzen, es bleibt nur "btn" übrig. Hat das schon jemand gemeldet?

Re: tiny MCE wysiwyg Button

Verfasst: Mi 26. Okt 2022, 10:55
von WBTMagnum
Hallo,

In der Bugbase habe ich dazu mal folgenden interessant Post von Lukas gefunden. Da sind nette Neuerungen hinsichtlich des tinyMCE angeführt, sh. https://qa.webedition.org/view.php?id=13429#c51267. Leider geht das auch nicht auf die Zuweisung mehrerer Klassen ein.

Ich habe mal ein Doku / Follow-up Ticket erstellt: https://qa.webedition.org/view.php?id=13780


Liebe Grüße,
Sascha

Re: tiny MCE wysiwyg Button

Verfasst: Do 27. Okt 2022, 00:08
von lukasimhof
Ich habe die Sache mit den "Mehrfachklassen" gestern in der 9.1.2.1. nightly implementiert.
=> Da ich selbst nochmal testen muss, ob sich das mit den bisherigen Möglichkeiten von classes beißt, ist es erstmal noch als "experimentell" eingestuft: Kann aber gerne schon ausprobiert und getestet werden :-)

Folgende Erläuterungen stammen aus dem Ticket (https://qa.webedition.org/view.php?id=13778):

Übergabe von "Mehrfachklassen" mit dem Attribut classes:
- classes="btn btn-sm btn-primary,btn btn-lg btn-primary", oder
- classes="Kleiner Button:btn btn-sm btn-primary,Großer Buttonbtn btn-lg btn-primary" [benannt]
- classes="Kleiner Button:a.btn btn-sm btn-primary,Großer Button:a.btn btn-lg btn-primary" [benannt mit Selektor a]

Leerzeichen sind in allen Schreibweisen egal, nur eben zwischen den einzelnen Klassen dieser neuen Mehrfachklassen muss mindestens eins stehen (und zwischen Selektor, Klassenpunkt und erster Klasse darf vermutich keins stehen).

Die Selektion im Classes-Dropdown der Dialoge Link und Image passt soweit auch: wenn der Dialog erneut geöffnet wird, wird auch eine Mehrfachklasse als gesetzt erkannt. Allerdings ist es immer noch nur ein single-Select (die Mehrfach-Klasse ist ja eine Option).

Vorsicht: mit classes="btn, btn btn-sm btn-primary" wird es problematisch, weil dann mit "btn btn-sm btn-primary" auch "btn" mit gesetzt ist: Tiny markiert dann im eigenen Klassen-Dropdown beide Einträge als aktiv, unser Linkdialog nur den einen!
=> Um das zu verbessern muss noch einiges in den Dialogen umgebaut werden (multiselect), was aber gerade keine sehr hohe Prio hat: Man sollte "classes" deshalb gut kontrolliert befüllen... die Benutzung der Selektoren a und img hilft zudem, "Konflikte" zu vermeiden.

Btw.: Was Wienfluss aus der Bugbase zitiert hat, gab es immer alles auch in der Versionshistoirie. Zu "classes" vgl. (u.a.):
https://www.webedition.org/de/dokumenta ... sion-9.1.0
Die Eingabemöglichkeiten für das Attribut "classes" wurden weiter optimiert. Neu können nach dem Muster classes="NAME:SELECTOR.CLASS,NAME:SELECTOR.CLASS" auch "verschachtelte" CSS-Selektoren verwendet werden: So kann etwa mit classes="Zelle: Rot:table.gold td.red" die mit "Zelle: Rot" benannte Klasse "red" nur auf TDs innerhalb einer Table mit class="gold" angewandt werden (#13429)
("Mehrfach-Klassen" gibt es noch nicht in der Historie, die sind in 9.1.2.1 aka 9.1.3.0, welche erst im Laufe der nächsten Tage veröffentlicht wird)

LG Lukas