Eigenen Code in Contao einfügen

Druckbare Version

17.04.2023, 08:46
PKoch91

Liste der Anhänge anzeigen (Anzahl: 3)

Eigenen Code in Contao einfügen

Moin in die Runde,
ich bin ein Neuling was Contao angeht und möchte mich nun die Sache einarbeiten. Soweit komm ich eig auch gut zurecht, aber es gibt eine Geschichte die ich noch nicht verstehe bzw ich weiß nicht, wie es umzusetzen ist.
Ich möchte eigenen Code Schnipsel für eine animierte Timeline so einfügen, das die Timeline a) funktioniert und b) die Texte in der Zeitlinie über die Artikel bearbeitet werden können.
Aktuell ist es so, dass ich den HTML Code als Modul eingefügt habe und über das jeweilige Seitenlayout CSS und Js Datei eingebunden. Der Text, also die Überschriften und P lassen sich quasi nur über die Moduleinstellungen ändern (ändern von h2 und p). Das ist ja aber eigentlich nicht Sinn der Sache.
Wie kann man sowas umsetzen?

Gelesen habe ich, das man Inhaltselemente über Rocksolid Custom Elements hinzufügen kann und quasi meine Timeline, dann als Timeline bei den Artikel Inaltselementen aufgeführt wird (Template HTML und php erstellen).

Ich habe die CSS und den Codeschnipsel der im Modul ist eingefügt und ein Bild wie es aussieht.
Ich danke euch und auf dann :)
17.04.2023, 08:53
planepix

Hallo PKoch91,

willkommen im Forum.

Vielleicht hilft dir diese Erweiterung dein Ziel zu realisieren?
https://pdir.de/docs/de/contao/exten...ated-timeline/
17.04.2023, 08:59
PKoch91

Zitat:

Zitat von planepix

Hallo PKoch91,

willkommen im Forum.

Vielleicht hilft dir diese Erweiterung dein Ziel zu realisieren?
https://pdir.de/docs/de/contao/exten...ated-timeline/

Hi,
und nein. Diese Erweiterung funktioniert bei mir nicht. Der Code mit Css und Js funktioniert ja tadellos auf der Seite. Mir geht es nur darum den "p" Teil im Code so einzufügen, so dass man diesen über die Inhaltselemente bearbeiten kann. Ich hoffe man versteht was ich meine.
Quasi der p Teil im Code über den "Texteditor" bearbeiten.
17.04.2023, 09:21
zonky

Zitat:

Zitat von PKoch91

Gelesen habe ich, das man Inhaltselemente über Rocksolid Custom Elements hinzufügen kann und quasi meine Timeline, dann als Timeline bei den Artikel Inaltselementen aufgeführt wird (Template HTML und php erstellen).

Ich würde sagen, das ruft nach CustomElements... z.B. https://www.gut-cert.de/leistungen/n...ruefungen/rspo unten ist ein SVG wo die Texte die Redakteure über ein RST CE editieren können...

bei RST CE kannst Du in einem CE nach Wunsch mehrere Elemente anlegen und diese auch verschieben - das wären z.B. jeweils ein Timeline-Eintrag mit Überschrift + Text
17.04.2023, 10:24
PKoch91

Zitat:

Zitat von zonky

Ich würde sagen, das ruft nach CustomElements... z.B. https://www.gut-cert.de/leistungen/n...ruefungen/rspo unten ist ein SVG wo die Texte die Redakteure über ein RST CE editieren können...

bei RST CE kannst Du in einem CE nach Wunsch mehrere Elemente anlegen und diese auch verschieben - das wären z.B. jeweils ein Timeline-Eintrag mit Überschrift + Text

Ja genau, das denke ich auch. Nun bleibt nur die Frage wie man sowas umsetzt :D Gibts es hierfür iwelche guten Tutorials oder ähnliches? Bei PHP bin ich net fit und weiß net, wie man sowas umsetzt.
17.04.2023, 10:27
zonky

siehe https://rocksolidthemes.com/de/conta...-herunterladen - das Teambeispiel könnte als Grundlage schon passen

Im Prinzip legst Du in Deinem Templateordner zwei Dateien an - eine als Konfiguration und eine als Template für die Ausgabe

Die Konfiguration orientiert sich an dem Contao DCA
17.04.2023, 10:43
PKoch91

Zitat:

Zitat von zonky

siehe https://rocksolidthemes.com/de/conta...-herunterladen - das Teambeispiel könnte als Grundlage schon passen

Im Prinzip legst Du in Deinem Templateordner zwei Dateien an - eine als Konfiguration und eine als Template für die Ausgabe

Die Konfiguration orientiert sich an dem Contao DCA

Das hab ich mir schon einmal angeschaut. Ich probier mich da nochmal aus und komme gegebenenfalls drauf zurück :D Danke euch
17.04.2023, 13:15
PKoch91

Zitat:

Zitat von zonky

siehe https://rocksolidthemes.com/de/conta...-herunterladen - das Teambeispiel könnte als Grundlage schon passen

Im Prinzip legst Du in Deinem Templateordner zwei Dateien an - eine als Konfiguration und eine als Template für die Ausgabe

Die Konfiguration orientiert sich an dem Contao DCA

Also dafür bin ich offensichtlich zu blöd, aber ich konnte es anders lösen und zwar habe ich als Artikelelement Text gewählt und meinen Code komplett mit allen <div> etc eingefügt. In der Editor Ausgabe scheint, dann der Text ganz normal und kann dort auch bearbeitet werden. Keine schöne Lösung, aber besser als nix :D
17.04.2023, 14:31
zonky

Zitat:

Zitat von PKoch91

Also dafür bin ich offensichtlich zu blöd, aber

Dann wäre es doch die Gelegenheit gewesen etwas dagegen zu tun... Wenn Du hier deine beiden Dateien gepostest und geschrieben hättest, was Du gemacht hast, wäre sicher der ein oder andere Kommentar dazu gekommen... Mein Tipp wäre, erstmal nur mit einem einzigen Textelement anzufangen und gucken, dass man im BE was eingeben kann und das in FE sieht.
18.04.2023, 13:30
derRenner

Zitat:

Zitat von PKoch91

und zwar habe ich als Artikelelement Text gewählt und meinen Code komplett mit allen <div> etc eingefügt

Wenn du das über ein Inhaltselement löst, dann wäre hier das Inhaltselement HTML (das du unter 'Text-Elemente' findest) die idealere Lösung - denn genau dafür wäre 'HTML' vorgesehen.