Datei markiert anzeigen

icon.pngWarst Du je in der Verlegenheit, Programmcode in einer ansprechenden Weise auf einer Webseite zu präsentieren? Dann schau Dir mal dieses Add-on an...

Für verschiedene Zwecke beinhaltet concrete5 einen JavaScript-basierten Editor genannt ​ace editor. Dieser leistungsstarke Editor ist auch sehr nützlich, um damit Deine eigenen Code-Beispiele anzuzeigen. Hier ein paar Eigenschaften des Editors: Syntax-Highlighting für mehr als 110 Sprachen, autmatisches Ein- und Ausrücken...

installed-de.png

Die Installation des Datei markiert anzeigen add-on funktioniert wie üblich. Der installierte Block wird im Abschnitt Blöcke/Grundfunktionen des Composers angezeigt.

file-1-de.png

 

Du kannst einen Block vom Typ Datei markiert anzeigen am beliebiger Seitenposition einfügen.

 

 

 

 

 

 

 

 

Die Dialogbox für Bearbeiten/Hinzufügen erlaubt die Auswahl einer Datei aus den nach concrete5 herauf geladenen Dateien:

file-2-de.png

Eine Datei wird mit dem Datei-Dialog von concrete5 gewählt. Dabei stehen alle Möglichkeiten des Datei-managers von concrete5 zur Verfügung (z.B. der Datei-Upload). Zu beachten ist, dass vor dem Datei-Upload gegebenenfalls die erlaubten Dateitypen mit dem System-Dialog System & Einstellungen » Dateien » Erlaubte Dateitypen erweitert werden müssen.

Bei Auswahl einer Datei wird versucht, den Datei-Typ automatisch zuzuordnen. Die Implementierung unterstützt alle im ace-Editor definierten Datei-Typen. Kann der Datei-Typ nicht automatisch zugeordnet werden, wird der Datei-Typ txt als Standard angenommen.

Nach Speichern der Auswahl wird die Datei markiert angezeigt:

file-3-de.png

Der graue Balken oberhalb der Anzeige-Box, der den Dateinamen enthält, ist klickbar. Damit kann die Anzeige-Box geschlossen und geöffnet werden. Anfänglich ist die Anzeige-Box geöffnet und der Pfeil (rechts) zeigt nach unten. Bei geschlossener Anzeige-Box zeigt der Pfeil nach rechts.

Wird eine Datei markiert anzeigen-Box auf einem mobilen Gerät angezeigt (bootstrap xs), ist die Anzeige-Box anfänglich geschlossen.

Warst Du je in der Verlegenheit, Programmcode in einer ansprechenden Weise auf einer Webseite zu…
Dieses Add-On zeigt eine Liste aller Seitenversionen an. Die Liste kann sortiert werden. Obsolete…
Dieses Add-On erlaubt die Platzierung von "Social Media Icons" auf den Seiten. Damit kann in…
Neben der allgemeinen Lösung der ZIP-Bildergalerie ist eine Version für das CMS concrete5…