Wie der Name schon sagt ist a21glossary eine Glossar Erweiterung. Der Entwickler beschreibt seine Erweiterung wie folgt:

A21 Glossary – automatical conversion of all abbreviations and acronyms in the special tags for accessibility issues

Was macht die Erweiterung?

Wie der Beschreibung zu entnehmen ist konvertiert diese “on the fly” Wörter welche im Glossar sind. Somit wird zB das Akronym EU mit dem dafür vorgesehenen Tag Akronym ausgezeichnet. Dies ist für die Accessibility sehr förderlich. Beim darüberfahren (hover) mit der Maus wird als Tooltip die Beschreibung angezeigt. In diesem Fall würde bei EU als Tooltip Europäische Union angezeigt werden.

Je nach Konfiguration kann auch auf das Akronym geklickt werden, anschließend wird man auf die “List View” weitergeleitet wo detaillierte Informationen dargestellt werden.

Hinweis

Ich beschreibe im Folgenden wie ich die Erweiterung zum Laufen gebracht habe, als Installation gehe ich hier vom Introduction Package aus.

Installation und Grundkonfiguration

Als erstes muss die Erweiterung vom Repositority importiert und installiert werden. Nach der Installation stehen die ersten 3 Grundkonfigurationen bereit.

Grundkonfiguration der Erweiterung

Meine Einstellungen sind auf dem Screenshot ersichtlich

What to replace – Was soll ersetzt werden

Hier gibt es die Möglichkeit zu definieren was ersetzt wird. In meinem Fall soll der komplette Inhalt geparst und gegebenenfalls ersetzt werden. Es stehen noch 2 weitere Methoden zur Verfügung

• Only with custom 21 glossary Tag
  Es können spezielle Parts definiert werden. Inhalt innerhalb der <!–A21GLOSSARY_begin–> und <!–A21GLOSSARY_end–> wird geparst.
• Automatically within search tags (recommended if using indexed_serach)
  Hier wird der Inhalt innerhalb des durchsuchenden Bereichs geparst und ersetzt.

When to replace – Wann soll ersetzt werden

Auch hier gibt es drei Möglichkeiten:

• OFF Do not invoke automatically (done by userfunc instead)
  Es wird nicht automatisch ersetzt sondern nur per Userfunc
• SLOW On each page retrieval (even from page cache)
  Erst beim Aufrufen der Seite
• FAST Before Caching (recommended – remember to clear page cache)
  Vor dem cachen, zu beachten ist das zuvor der Cache der Seite geleert werden muss.

Exclude glossary within following tags – Ignoriere folgende Tags

In diesem Feld können Komma getrennte Tags angegeben werden welche ignoriert werden. Standardmäßig wird zB keine Auszeichnung auf Links angewendet.

SysFolder – Glossar Einträge

Damit a21glossary überhaupt weiß was denn eine Abkürzung bzw. ein Akronym ist muss ein Storage Folder angelegt werden. Ich habe diesen sinnvollerweise Glossary genannt, dieser befindet sich innerhalb der Home Ebene.

Um nun Einträge verfassen zu können muss in die “List View” gewechselt werden. Ich muss nicht extra erwähnen das wir uns im Storage Folder befinden, oder? Wir können nun wie gewohnt einen neuen Eintrag erzeugen, hier müssen wir logischerweise einen Datensatz vom Typ Glossar anlegen. Um beim einführenden Beispiel zu bleiben habe ich die EU als Akronym angelegt.

Erster Eintrag im Glossar: EU

Nach speichern weiß die Erweiterung was die EU ist.

Ext Template anlegen

Damit auch eine Ausgabe stattfinden kann ist es nötig ein Ext Tempalte anzulegen, laut Manual reicht es das static Template hinzuzufügen, es ist allerdings ebenfalls noch nötig die ID des SysFolders einzutragen. Doch eines nach dem anderen.

Wie bereits erwähnt gehe ich hier vom Introduction Pagacke aus, welche meiner Meinung die Templates ein wenig zu gut organisiert. Wir gehen in der Navigation auf den Template Bereich. Im Seitenbaum wechseln wir zum SysFolder TypoScript Templates – extension_configuration.

Wir legen hier ein neues Extension Template an, ich bezeichne es als plugin.a21glossary. Es reicht hier wenn wir im Tab Enthält das Statische Template

Statisches Template der Ext einbinden

Nach dem speichern müssen wir dieses nun noch dem root_extensionConfiguration Template hinzufügen. Wir bearbeiten diesen, wechseln auf wieder ins Enthält Tab. Nun binden wir es ins Basis-Template einschließen ein.

plugin.a21glossary ins BasisTemplate einschließen

Jetzt müssen wir nur noch die Stoarge ID angeben. Dies ist die ID des SysFolders Glossary. Es gibt zwei Möglichkeiten die ID festzulegen.

• Konstante
  Wir öffnen nochmals das plugin.a21glossary Template und tragen in den Konstanten den Wert:
  a21glossary.storagePage = ID
  ein
• Konstanten Editor
  Im Dropdown wählen wir den Konstanten-Editor, als Kategorie muss A21GLOSSARY selektiert werden. Ziemlich am Ende gibt es den Punkt Storage Page.

Nun funktioniert die ganze Geschichte bereits, vergesst allerdings nicht vorsichtshalber den Cache zu leeren. Im Frontend könnte es dann so aussehen:

So sieht es dann im Frontend aus

Schlusswort

Natürlich kann das ganze dann noch per CSS gestylt werden. Wie gesagt in dieser Anleitung der Minimalaufwand gemacht worden. Es gibt dutzende weitere Konfigurationmöglichkeiten.

weiter führende Links

a21glossary im Repositority

Manual

Ähnliche Beiträge

• neue Kategorie: Typo3 Erweiterungen
• indexed_search um Konfigurationsmöglichkeit erweitern
• alte URL Strukturen bei TYPOlight erhalten
• Verzeichnisname als Link dargstellen
• EFG Extended Formular Generator für TYPOlight

Wie in jedem System sind Erweiterungen das A und O. Egal was die Basisfunktionen eines CMS kann, irgendwann kommt der Moment wo es dann doch nicht mehr funktioniert. Ein weit verbreitetes CMS ist TYPO3. Wir setzen dieses System selbst ein und haben aktuell eine Vielzahl an Erweiterungen im Einsatz. in der neu eingeführten Kategorie werde ich diverse Erweiterungen erwähnen und kurz erklären wie diese konfiguriert werden müssen.

Ähnliche Beiträge

• indexed_search um Konfigurationsmöglichkeit erweitern
• Verzeichnisname als Link dargstellen
• Eigenes CSS und JS in der eigenen TYPO3 Erweiterung
• alte URL Strukturen bei TYPOlight erhalten
• Müllkalender als ics

Auf alle Fälle ist sein Blog nun schon 7 Jahre alt. Zu diesem Anlass gibt es eine Verlosung mit Hammer Preisen.

Ich wünsche dir auf diesem Wege alle gute für die nächsten X Jahre, ich hoffe du schreibst noch ewig.

Ähnliche Beiträge

• Es gibt keine ähnlichen Beiträge

Ähnliche Beiträge

• Accordion mit Menü
• Bereiche aus Contao Suchmaschine ausschließen
• Neues Buch zu TYPOlight/Contao
• Contao (TYPOlight) 2.9 als Beta verfügbar
• Contao Documentation Project von InifinitySoft

Das Contao Documentation Project (CDP) schafft endlich abhilfe.
Das CDP liefert Code Dokumentation für Contao selbst und alle im Extension Repository frei verfügbaren Erweiterungen.

Die ganze Ankündigung kann direkt bei InfinitySoft nachgelesen werden.

Ich persönlich finde das eine wirklich gute Sache, das erspart jedem Entwickler den ganzen Quellcode zu durchstöbern. In Summe gibt es mittlerweile folgende Dokumentationen (Quellcode bezogen).

• Contao Community Code Dokumentation
• Contao Documentation Project
• Offizielle Core Dokumentation
• Contao Funktionen Lookup

Ähnliche Beiträge

• Contao – Logo ins Seitenlayout einbinden
• Contao (TYPOlight) 2.9 als Beta verfügbar
• Contao: jquery und Mootools
• Debian Squeeze, PHP5 und MSSQL
• Accordion mit Menü

Poor Man’s Cron

Der Poor Man’s Cron ist eine alternative zu den “echten” Crons. Dieser wird hier mit PHP (und MooTools um eben den Aufruf zu starten) umgesetzt. In Contao wird der Cronjob verwendet um temporäre Verzeichnisse zu leeren, das CSS neu zu generieren etc.

Vorgehensweise mit den verschiedenen JS Frameworks

Hier gehe ich nur auf die beiden Frameworks ein.

MooTools

Wird das Standard Framework verwendet gibt es überhaupt keine Probleme, im fe_page.html5 bzw. fe_page.xhtml befindet sich folgender JS Code




jQuery

Sollte jetzt allerdings jQuery verwendet werden, wird in der Fehlerkonsole einen Fehler geworfen:
Request is not defined
Um diesen Fehler zu umgehen ist es nötig den JS Code in der fe_page.html5 bzw. fe_page.xhtml zu ersetzen.
Hierzu muss zuerst das fe_page.* kopiert werden. Einfach im Contao Backend auf Templates und dort das Template kopieren, anschließend mit einem beliebigen Editor öffnen, die Stelle nach obigen Code absuchen und mit diesem hier ersetzen:




Ähnliche Beiträge

• Accordion mit Menü
• jQuery statt MooTools in Contao verwenden
• Contao: Bildergalerie ohne Tabellen
• Inkompatible Erweiterungen in Contao installieren
• Contao – Logo ins Seitenlayout einbinden

Alles auf Anfang

Will man bei einer Textdatei das Syntax-Highlighting aktivieren kann dies über folgenden Befehl erledigt werden:
:syn on
Per default ist dies nämlich deaktiviert. Angenommen wir hätten ein PHP Skript geöffnet dann würden wir sehen das die Kommentare schlecht zu lesen sind. Um nun ein anderes Farbschema zu wählen muss dieser Befehl abgesetzt werden:
:colo desert
Nun wird das Farbschema desert verwendet. Jetzt sollte man nur noch wissen welche vorhanden sind, nicht? Es gibt nun zwei Möglichkeit.

1. Man kann mir glauben und verwendet die von mir aufgezählten Farbschemas, diese wären
   • blue
   • darkblue
   • default
   • delek
   • desert
   • elford
   • evening
   • koehler
   • morning
   • murphy
   • pablo
   • peachpuff
   • ron
   • shine
   • slate
   • torte
   • zellner
2. Man schaut selber nach. Zu finden sind diese unter
   /usr/share/vim/vim72/colors
   Wie unschwer zu erraten handelt es sich beim Verzeichnis vim72 um die aktuell installierte Version des VIM.

Nun gut, so kann pro Sitzung das Farbschema definiert werden. Wir wollen aber standardmäßig für den Benutzer schman ein Farbschema definieren, bleiben wir bei desert.

Standardmäßig das Farbschema definieren

Im /home/schman Verzeichnis gibt es die verscheckte .vimrc Datei. Diese muss geöffnet und editiert werden. Falls diese noch nicht existieren sollte muss sie angelegt werden. VIM sucht beim Programmstart zuerst im Benutzerverzeichnis nach der .vimrc sollte diese nicht vorhanden sein wird die globale Konfigurationsdatei geladen diese befindet sich in:
/etc/vim/
Diese Datei ist allerdings nicht versteckt, dh es fehlt der Punkt vor dem Dateinamen.
Um nun ein eigenes Schema automatisch laden zu können müssen folgende Zeilen eingefügt werden:
syn on
colorscheme desert

Speichern und fertig. Beim nächsten start wird dieses Farbschema verwendet.

Farbschema global änder

Wie bereits im vorherigen Punkt erläutert gibt es eine globale Konfigurationsdatei, um das Farbschema (oder auch andere Einstellungen) global zu ändern muss diese geändert werden.

Kleiner Hinweis zum Schluss, die globale Konfigurationsdatei eignet sich hervoragend als Vorlage.

Ähnliche Beiträge

• Dotdeb GPG zu Keyring hinzufügen
• komplettes Verzeichnis rekursiv diffen
• Verzeichnis inkl. versteckten Unterverzeichnisse kopieren
• Debian Squeeze, PHP5 und MSSQL
• Openoffice.org als Service für Konverter

Für (fast) jede Seite wird ein Logo benötigt welches auf der Seite eingebunden wird. Hier möchte ich kurz beschreiben wie ich dieses in Contao einbinde. Natürlich gibt es zig Wege dies zu bewerkstelligen.

Eigener HTML Code

Für das Logo verwende ich immer das Modul Eigener HTML Code. Der Aufbau sieht folgendermaßen aus. Ich definiere als Überschrift (h1) den Namen des “Kunden”. Anschließend wird das Logo (das zuvor natürlich auf den Webspace geladen werden muss) eingebunden und verlinkt. Der HTML Code sieht dann folgendermaßen aus:


<h1>Michaela Schwarz</h1>
<a href="{{env::path}}" title="{{env::website_title}}">
<img src="tl_files/schwarz/resourcen/img/logo.png" alt="Michaela Schwarz Logo" />
</a>

Bisher nocht nicht wirklich etwas erwähnenswertes, oder doch? Der Code besteht nicht nur aus HTML sondern auch aus sogenannten Insertags. Der Grund dürfte klar sein. Somit gestalte ich den Code dynamisch und ich kann diesen fast ohne Anpassungen in mehreren Projekten einsetzen.

Inserttags

Inserttags sind Platzhalter, die bei der Ausgabe einer Seite durch bestimmte Inhalte ersetzt werden. So kann beispielsweise das aktuelle Datum angezeigt oder ein Benutzer mit seinem Namen angesprochen werden. Inserttags können fast überall in Contao verwendet werden.

Wie unschwer zu erkennen verwende ich folgende Inserttags
{{env::path}} – Dieses Tag wird mit der aktuellen Basis-URL samt Pfad zum Contao-Verzeichnis ersetzt.
{{env::website_title}} – Dieses Tag wird mit dem Titel der Webseite ersetzt.

Wenn wir diese Modul nun ins Seitenlayout integrieren (zb in den Header Bereich) haben wir das Logo auf allen Seiten, mit Link auf die Startseite.

Ähnliche Beiträge

• HTML für den Seitentitel freischalten (Contao)
• Freie Contao Layouts
• TYPOlight/Contao und Medieninhalte
• Neues Buch zu TYPOlight/Contao
• Contao (TYPOlight) 2.9 als Beta verfügbar

Wie kann ich das Backend per IP absichern?

Hierbei handelt es sich um eine Option um das Backend (auch Frontend ist möglich) abzusichern. In diesem Feld, welches im Install Tool unter Alle Konfigurationen zu finden ist, kann eine IP Adresse bzw. eine IP Range angeben werden. Nun ist es nur noch möglich sich über die definierte IP Adresse einzuloggen. Zusätzlich kann ein Backenduser per TSconf eine IP Einschränkung erhalten.

Konfiguration

Es gibt zwei Möglichkeiten das Backend per IP Adresse zu konfigurieren.

1. Unter “Alle Konfigurationen” im Install Tool gibt es einen Option IPmaskList. Hier kann global die IP Adresse/Range für alle Benutzer gesetzt werden.
2. Per User TSconf. Gibt man bei einem User die TSconf options.lockToIp = 192.168.*.* kann dieser nur von der IP Range 192.168.*.* auf das Backend zugreifen. Dies setzt allerdings voraus dass die Option $TYPO3_CONF_VARS['BE']['enableBeUserIPLock'] = 1 gesetzt ist

Globale Konfiguration und ihre Auswirkung

Angenommen wir konfigurieren die Option (IPmaskList) im Install Tool, dann gilt diese Einstellung für jeglichen Backend Benutzer. Als kleines Beispiel wird folgendes eingetragen
192.168.*.*,224.123.12.39
Wird nun das Backend intern von einer IP Adresse beginnend mit 192.168. aufgerufen oder direkt über die IP Adresse 224.123.12.39 gelangt man wie gewohnt zur TYPO3 Login Maske. Angenommen wir kommen über 84.14.99.42 geschieht nichts, wir bekommen nur eine weiße leere Seite anstelle der Login Maske.

Konfiguration pro User

Wie bereits weiter oben erwähnt muss das Flag $TYPO3_CONF_VARS['BE']['enableBeUserIPLock'] gesetzt sein damit es überhaupt möglich ist per TSconf die Option zu konfigurieren. Anschließend kann bequem im Backend per
option {
lockToIP = 192.168.*.*,224.123.12.39
}
konfiguriert werden.
Wird jetzt versucht sich über eine adnere IP Adresse anzumelden wird eine Fehlermeldung angezeigt und der Login schlägt fehl.

Ähnliche Beiträge

• Backendfelder vorbelegen in TYPO3
• Typo3 4.2 auf Deutsch
• neue Kategorie: Typo3 Erweiterungen
• Module Loader: No module found
• Maximale Titellänge ändern in TYPO3

Anwendung

Die Anwendung ist denkbar einfach, lediglich den CSS Code per copy & paste ins Textfeld kopieren und den Button betätigen. Anschließend wird ausgegeben was alles falsch ist.

Ähnliche Beiträge

• Contao Grid System mit 1140px
• CSS Reset
• Freie Contao Layouts
• Webseite für Pfarre Bruder Klaus ist online
• TYPOlight und CSS(editor)