Seite 1 von 3

WYSIWYG MultiColumn

Verfasst: Do 8. Mär 2018, 19:20
von shadowcat
Wir legen ja WYSIWYG und cc_multicolumn zusammen. Hier mal ein Beispiel für eine Variante:
Einstellungen im Backend
Einstellungen im Backend
2018-03-08 19_18_01.png (18.14 KiB) 7668 mal betrachtet
Darstellung im Frontend
Darstellung im Frontend
2018-03-08 19_27_37.png (94.49 KiB) 7666 mal betrachtet
Bei "auto" stehen (immer bezogen auf DIESE Variante) alle Spalten in einer Zeile. Verwendet wird Bootstrap 4, so dass das auch responsive ist.

Bei "border" habe ich mir überlegt, dass es dann schöner aussieht, wenn dazwischen etwas Abstand ist, aber vielleicht mache ich dann dafür auch noch eine Option. Ist ja erst mal egal. :mrgreen:

Worüber ich gerade grüble: Wie speicher ich das in der DB? Ich muß ja pro Sektion mehrere Inhalte hinterlegen. Ich habe daher die Tabelle mod_wysiwyg folgendermaßen geändert:

Code: Alles auswählen

CREATE TABLE `cat_mod_wysiwyg` (
	`section_id` INT(11) NOT NULL DEFAULT '0',
	`order` INT(3) NOT NULL DEFAULT '1',
	`content` LONGTEXT NOT NULL,
	`text` LONGTEXT NOT NULL,
	PRIMARY KEY (`section_id`, `order`),
	UNIQUE INDEX `section_id_column` (`section_id`, `order`)
)
COLLATE='utf8_general_ci'
ENGINE=InnoDB;
"order" ist dann die Reihenfolge, so dass es eigentlich egal ist, ob es Spalten oder Tabs oder Accordion-Zeilen oder was auch immer werden. Gibt es dazu andere / bessere Ideen?

Dann noch die Darstellung im Backend... Wenn es ja egal ist, ob es Spalten oder Tabs...usw... sind, wäre es irreführend, wenn das im BE z.B. immer Spalten wären. cc_MultiColum paßt die BE-Darstellung an die Variante an, könnte man sicher machen, bei 6 Spalten sind das dann aber extrem schmale Editoren. Gibt es hierzu Ideen / Vorschläge / Meinungen?

Re: WYSIWYG MultiColumn

Verfasst: Do 8. Mär 2018, 19:30
von shadowcat
Achja, beim Ausgabe-Template muß ich auch nochmal nachbessern... Wären es nämlich mehr Inhaltsblöcke (z.B. 3) als eingestellte Spalten (z.B. 2), würden nur die ersten X (hier: 2) erscheinen.

Code: Alles auswählen

    {if $options.columns}{$cols = $options.columns}{else}{$cols = count($content)}{$cols = $cols -1 }{/if}
    <div class="row">
    {for i 0 $cols}
        <div class="col{if $options.border} mx-1 border{/if}">{$content.$i}</div>
    {/for}
    </div>

Re: WYSIWYG MultiColumn

Verfasst: So 11. Mär 2018, 19:21
von DG70
shadowcat hat geschrieben: Do 8. Mär 2018, 19:20 Dann noch die Darstellung im Backend... Wenn es ja egal ist, ob es Spalten oder Tabs...usw... sind, wäre es irreführend, wenn das im BE z.B. immer Spalten wären. cc_MultiColum paßt die BE-Darstellung an die Variante an, könnte man sicher machen, bei 6 Spalten sind das dann aber extrem schmale Editoren. Gibt es hierzu Ideen / Vorschläge / Meinungen?
Ich finde den Ansatz im Modul catgallery bei der Beschreibung der Bilder sehr gut gelöst. Es sind im Backend bis zu 4 Bilder pro Zeile abgebildet, in der Breite pro Bild wäre der Editor auch eher schmal. Aber der Editor öffnet sich über die gesamte Zeile.

Perfekt wäre es wenn das dann in allen Modulen "gleich" ist. So "Look and Feel"-mäßig ...

Re: WYSIWYG MultiColumn

Verfasst: Mo 12. Mär 2018, 09:56
von shadowcat
Hab ich auch schon überlegt. Wobei so ein CKE da durchaus zickig sein kann... :-?

Re: WYSIWYG MultiColumn

Verfasst: Mo 12. Mär 2018, 18:59
von shadowcat
Wie wär's denn als Inline Editor? Beim Reinklicken geht der Header mit den ganzen Knöppekes auf. Ohne Editor kann man dank contenteditable=true trotzdem editieren. Der Knöppekes-Header ist vielleicht etwas "fett", aber das hängt ja auch von den Einstellungen für den CKE ab.

Re: WYSIWYG MultiColumn

Verfasst: Di 13. Mär 2018, 17:14
von shadowcat
So sieht es jetzt im Frontend in der Variante "default" aus, die ohne Bootstrap funktioniert. Das CSS ist von hier:

https://codepen.io/Cheesetoast/pen/KFAaq

Re: WYSIWYG MultiColumn

Verfasst: Di 13. Mär 2018, 18:44
von shadowcat
Das ist doch schon echt nah am Frontend Editing. :mrgreen:

Hier sind 6 Spalten eingestellt, 3 davon sind (offensichtlich) leer. (Speichern kann man noch nicht.)

Re: WYSIWYG MultiColumn

Verfasst: Mi 14. Mär 2018, 17:44
von shadowcat
So, ich hab's mal ein wenig aufgehübscht...

Die Auswahl der Varianten ist jetzt in ein Popup verlagert (analog MultiColumn):

2018-03-14 17_42_25.png
2018-03-14 17_42_25.png (4.97 KiB) 7617 mal betrachtet

So sieht es aufgeklappt aus:

2018-03-14 17_42_51.png
2018-03-14 17_42_51.png (6.55 KiB) 7617 mal betrachtet

Die einzelnen Varianten-Unterverzeichnisse werden nach Dateien namens info.tpl durchsucht. Die gefundenen werden zu einem Modal zusammengebaut (erscheint wenn man auf den blauen i-Kringel klickt):

2018-03-14 17_43_02.png
2018-03-14 17_43_02.png (23.77 KiB) 7617 mal betrachtet

Re: WYSIWYG MultiColumn

Verfasst: Mi 14. Mär 2018, 18:04
von shadowcat

Re: WYSIWYG MultiColumn

Verfasst: Mi 14. Mär 2018, 21:59
von DG70
So gefällt mir das !
Eine 100% Lösung für alle zu finden ist vermutlich kaum möglich, aber so sieht es vielversprechend aus.