Erste beta einer InsertTag aehnlichen Moeglichkeit einen Text grafisch darzustellen. Ein beliebiger Text kann im Frontend grafisch dargestellt werden. Nach erstellen eines Tags und auswahl des zuor hochgeladenen TTF-Fonts wird der Text als Image in das Frontend mit eingebunden.

Dies ist der InsertTag im Text : {‎{gt:TAG:Text}}

gt : InsertTag Anker
TAG : Ist der Name, welcher im Backend erstellt wurde.
Text : selbsterklaerend

Handbuch, Beispielseite usw kommt die Tage.
Deutsche Uebersetzung kommt heute Nacht.

Punkte auf meiner Liste :
- Caching
- FallBack Schrift
- Farbverlaeufe
- sonstige grafische Elemente (Linien, Punkte, Icons)

Das Projekt kann hier verfolgt werden : http://dev.typolight-forge.org/projects/show/graphicaltext

Ich bitte um Kommentare und Ideen

Hier das Repository : http://typolight.org/erweiterungsliste/v…icaltext.123.de.html

Hier ein Beispiel als Komponente im Breadcrumb :

Hallo lindesbs,

eine super Idee, an einigen Stellen kommt man um grafischen Text nicht herum.
Ich kann mir schon einige Anwendungen vorstellen, wo ich es einsetzen würde.

Eine Anregung zur Kompatibilität mit anderen Insert Tags:
1) Als Trennzeichen solltest Du zwei Doppelpunkte ( :: ) verwenden, wie bei allen anderen Insert Tags, dann kann ein Text auch mal einen Doppelpunkt enthalten.
2) Für bessere Lesbarkeit würde ich statt "gt::" z.B. "graphText::" verwenden.

Bitte nicht vergessen, den Text auch als Alt- und Title-Attribut in dem <img>-Tag zu setzen.

Danke fuer die Infos, sind aufgenommen, und werden umgehend eingepflegt.

Hallo lindesbs,

ich habe mal probeweise die Extension installiert. Hier ein paar Anmerkungen:

1) Das Hochladen des Fonts wird erst von der Dateiverwaltung verhindert. In den Einstellungen muss ttf als Upload freigegeben werden. Kann man das über die ER-Installation steuern?
2) Ich hatte erst nicht verstanden, dass die Hintergrundfarbe die Transparency-Color ist, d.h. auch bei transparentem Hintergrund darf die Vorder- und Hintergrundfarbe nicht gleich sein, wenn man was sehen will. Ein erklärender Text unter der Hintergrundfarbe könnte das vereinfachen.
3) Warum haben die Farbeingaben keinen Colorpicker?
4) Die Vorschau wird nach Änderung nicht aufgefrischt (evtl. Browser-Cache-Problem?), mit F5 (Aktualisieren) geht's. Das kann man vielleicht verhindern, wenn man der Datei in Header einen alten Timestamp simuliert.
5) Bei negativen Winkeln (z.B. -8 Grad) wird die Bildhöhe falsch berechnet, auch entsprechend 352 Grad bringen den gleichen Fehler.

Erweiterungs-Ideen:
1) Nützlich wäre die Angabe von Rändern um die Schrift herum oder die gewünschten Abmessungen der Grafik
2) Als Hintergrund könnte man auch eine bestehende Grafikdatei verwenden, so könnte man simpel eine grafische Navigation realisieren.

Ein sehr interessantes Modul, jeder wird es haben wollen ...

Danke fuer die Anregungen, werden in der naechsten Version aufgenommen.
Gefallen mir sehr gut, deine Anmerkungen. Danke

Hallo lindesbs

Das ein eine echt Feine Erweiterung . Ich habe es einmal getestet und es geht wunderbar. Ich hätte aber noch Zwei Wünsche.
1. Könntest Du bitte den IMG Tag noch schliessen! Es fehlt ein / am Schluss. Jetzt sieht es so aus. <img src="system/modules/graphicaltext/cache/1_bb0bd79fe30fd64419739d7e7c24c312.png">
2. Wäre es Möglich dass Du dem Grafik eine Border 0 mit gibst?

Sonst echt Genial
Danke und Gruss Daniel

@Trikerdaniel : OK, kommt heute abend noch rein.

Heute nacht kommt das ueberarbeitete Paket....
Geile neue Features, allerdings hab ich das drehen des Textes noch rausgenommen. Klappt nicht so, wie ich das aktuell haben willl.

Aber hier mal ein Screenshot. Grafisches Menu, mal eben gemacht.....

So, neue Version vorhanden. 0.0.15 beta 1 build 9.
Es fehtl noch die deutsche Uebersetzung.

Neue Funktionen (unter anderem)

• Einbinden eines Hintergrundbildes, welches auch als Bildgroessenvorgabe genutzt werden kann.
• Positionieren des Textes innerhalb des Grafikelementes (left, rechts, mitte, oben, mitte unter; und alles kombiniert)
• Rahmen um den Text

Im Backend sind einige Sachen noch nicht schoen geloest, aber die Funktionsweise sollte klar sein.

Die wichtigste Aenderung ist der InsertTag. So ist das nun auch TL konform. Es muss nun eine neue Form genutzt werden :

Code:

{‎{graphtext::TAG::TEXT}}

Bitte meldet wie immer alles moegliche.

Hoffe Euch gefaellts....

Hallo lindesbs,

vielen Dank für das Modul - tolle Idee. Ich habe es gerade einmal getestet:

1. im Backend zeigt er mir die Grafik an
2. im Frontend habe ich einen Inserttag eingebunden {‎{graphtext::MyTag::Mein Beispieltext}} und da zeigt er mir die Grafik nicht an

... woran könnte das liegen?

Warum wird/werden im Ordner graphicaltext/cache immer alle Dateien neu generiert, auch wenn ich mir nur einmal im Backend die eingerichteten Texte/Schriften unter dem Menupunkt "Graphical text" ansehen möchte?

Viele Grüße
Axel

1: Laeuft dein Server unter Linux oder Windows ? Ich habe aktuell keine Idee, warum das im Frontend nicht dargestellt wird.
Ist der Img-Tag im HTML source code ?
Ist "MyTag" auch im Backend so geschrieben ?
Hast du auf die 0.0.15 beta1 Build 10 geupdatet ?

2: im cache wird aktuell die Bilder aelter als 5 Minuten geloescht., ich werd aber in den naechsten Tagen noch ein richtiges Caching einfuehren, dann ist damit schluss.

Hallo lindesbs,

es handelt sich um einen Linux-Server. Ich habe dem gesamten Ordner schon 0755-Rechte zugewiesen - ändert aber auch nix im Frontend?!?

Ist "MyTag" auch im Backend so geschrieben ? JA

Hast du auf die 0.0.15 beta1 Build 10 geupdatet ? JA

Gruß Axel

Komisch, habs gerade auf meinem Server nochmal ausprobiert. Komplette Neuinstallaion, das klappt...

http://chektrion.de/index.php/typolight.html

Sagt das Apache/Typolight Logfile irgendwas ?

Mach nochmal ein Update auf die Build11. Hab was kleines angepasst. Vielleicht klappts nun besser.

Hi,

auch nach dem Update nix zu sehen im Frontend. Dafür passiert jetzt folgendes im Cache-Ordner:

1. Backend: "Graphical text"-Element anlegen
2. Cache-Ordner: png wird angelegt
3. Seitenaufruf im Frontend ... Cache-Ordner wird geleert

... bin etwas ratlos ...

Dann kommentiere das Loeschen mal aus :

Datei FrontendGraphicalText.php, Zeile 267

Code:

$this->CleanCache();

ein

Code:

//$this->CleanCache();

machen. Dann wird nicht geloescht. Schau mal bitte dann nach, ob die png erstellt werden, und ob im HTML Source ueberhaupt die ImageTag gesetzt sind. Wenn du damit nichts anfangen kannst, schick mich mal den HTML-SOurce per eMail