WYSIWYG MultiColumn

[shadowcat]

Wir legen ja WYSIWYG und cc_multicolumn zusammen. Hier mal ein Beispiel für eine Variante:

Einstellungen im Backend

2018-03-08 19_18_01.png (18.14 KiB) 7675 mal betrachtet

Darstellung im Frontend

2018-03-08 19_27_37.png (94.49 KiB) 7673 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.

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?

[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>

[DG70]

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 ...

[shadowcat]

Hab ich auch schon überlegt. Wobei so ein CKE da durchaus zickig sein kann...

[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.

[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

[shadowcat]

Das ist doch schon echt nah am Frontend Editing.

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

[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 (4.97 KiB) 7624 mal betrachtet

So sieht es aufgeklappt aus:

2018-03-14 17_42_51.png (6.55 KiB) 7624 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 (23.77 KiB) 7624 mal betrachtet

[shadowcat]

Seite dazu in Arbeit: https://bc2.blackcat-cms.org/page/modul ... ysiwyg.php

[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.