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…
TDS Blank Page ist ein leeres Page Theme mit weder irgendeinem CSS oder anderem Styling noch…
Dieses Add-On zeigt eine Liste aller Seitenversionen an. Die Liste kann sortiert werden. Obsolete…
Dieses Add-On dient zur Anbindung eines MATOMO-Web-Tracking-Servers an Deine Website.
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…