Schnellnavigation:

Kategorien

« April 2024»
S M T W T F S
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        

Letzte Nachrichten

DSGVO
26.05.2018 18:39
Trackingtools und Datenschutzerklärung
14.03.2014 23:07
1:n und n:1 Relationen in Extbase
06.12.2013 12:04
Erste Abmahnungen wegen Google Analytics
04.10.2013 12:11

Kopieren Sie diesen Link in Ihren RSS-Reader

RSS 0.91Nachrichten
RSS 2.0Nachrichten

In eigener Sache

Peter Linzenkirchner, Lisardo EDV Beratung in Augsburg. Freelance und Partner für Design- und Webagenturen in Augsburg und München. Pixelgenaue Templates, valides HTML, barrierearm. TYPO3-Projekte, Extension-Programmierung und mehr ... 

Zur Zeit wird gefiltert nach: Developer
Filter zurücksetzen

Seit Version 4 von Typo3 ist der Rich Text Editor »htmlArea RTE (rtehtmlarea)« fester Bestandteil der Typo3-Installation. Ich beziehe mich im folgenden auf diesen RTE, nicht auf den älteren.


[mehr]
Kategorien: Backend  Kommentare 0
Tags: htmlarea, rte

Es ist durchaus möglich, nur mit TypoScript neue Contentelemente anzulegen, allerdings ohne Zugriff auf die Datenfelder. Damit kann zum Einen statischer Inhalt ausgegeben werden, zum Anderen ist es natürlich auch möglich, das gesamte Spektrum von TypoScript einzusetzen. So können speziell angepasste Menüs oder Datenbankinhalte ausgegeben werden. Allerdings kann der Redakteur die Inhalte nicht erstellen – er kann sie nur am gewünschten Platz aufrufen bzw. einsetzen.


[mehr]

Ziel ist die Erstellung einer Extension, die alle Features zur Mehrsprachigkeit bietet, die zur Ausstattung von TYPO3 gehören.

Die Datenbank-Struktur

Diese drei Felder müssen zusätzlich in der Extension in der »ext_tables.sql« angelegt werden:

  1. sys_language_uid int(11) DEFAULT'0'NOT NULL,
  2. l18n_parent int(11) DEFAULT'0'NOT NULL,
  3. l18n_diffsource mediumblob NOT NULL,

Die »ext_tables.php« muss so erweitert werden:

  1. "ctrl"=> Array (
  2.   [--snip--]
  3.   "delete"=>"deleted",   
  4.   'transOrigPointerField'  =>'l18n_parent',
  5.   'transOrigDiffSourceField'=>'l18n_diffsource',
  6.   'languageField'      =>'sys_language_uid',
  7.   [--snip--]

Und das »columns«-Array in der »tca.php« ebenfalls:

  1. "columns"=> Array (
  2.   [--snip--]
  3.   'sys_language_uid'=> array(
  4.     'exclude'=>1,
  5.     'label' =>'LLL:EXT:lang/locallang_general.xml:LGL.language',
  6.     'config'  => array(
  7.         'type'                =>'select',
  8.         'foreign_table'   =>'sys_language',
  9.         'foreign_table_where'=>'ORDER BY sys_language.title',
  10.         'items'       => array(
  11.             array('LLL:EXT:lang/locallang_general.php:LGL.allLanguages', -1),
  12.             array('LLL:EXT:lang/locallang_general.php:LGL.default_value',0)
  13.         )
  14.     )
  15.   ),
  16.   'l18n_parent'=> array(
  17.     'displayCond'=>'FIELD:sys_language_uid:>:0',
  18.     'exclude'  =>1,
  19.     'label'   =>'LLL:EXT:lang/locallang_general.xml:LGL.l18n_parent',
  20.     'config'      => array(
  21.         'type'  =>'select',
  22.         'items'=> array(
  23.             array('',0),
  24.         ),
  25.         'foreign_table'   =>'tx_meineExtension',
  26.         'foreign_table_where'=>'AND tx_meineExtension.uid=###CURRENT_PID### AND tx_meineExtension.sys_language_uid IN (-1,0)',
  27.     )
  28.   ),
  29.   'l18n_diffsource'=> array(
  30.     'config'=> array(
  31.         'type'=>'passthrough'
  32.     )
  33.   ),
  34.   [--snip--]
  35. ),

Wichtig: Damit die Zuordnung der Sprach-Overlays funktioniert, muss oben bei »foreign_table« die korrekte Tabellenbezeichnung der Extension eingegeben werden, ebenso bei »foreign_table_where« – insgesamt also dreimal.

Damit die Redakteure später nicht nur Language-Overlay-Datensätze anlegen, sondern einen Datensatz direkt einer Sprache zuordnen können (um z. B. Datensätze in einer Fremsprache anlegen zu können, ohne dass es zuvor einen Datensatz in der Standardsprache gibt), muss auch noch das »types«-Array in der »tca.php« erweitert werden:

  1. "types"=> Array (
  2.   "0"=> Array("showitem"=>"hidden;;1;;1-1-1, sys_language_uid;;1;;3-3-3,
  3.   [-- snip --]
  4. ),

Damit erscheint im Backend ein DropDown-Menü mit einer Auswahl von allen definierten Alternativ-Sprachen sowie der Auswahl »Alle«.

Im Backend müsste jetzt alles richtig ausgegeben werden: Die Redakteure können neue Datensätze anlegen, diese einer oder allen Sprachen zuordnen, oder nachträglich Datensätze in der Standardsprache übersetzen. Also genauso wie bei den normalen Inhaltselementen.

Natürlich muss die Ausgabe im Frontend das entsprechend berücksichtigen

Ausgabe von sprachabhängigen Texten ins Template

Damit sind nicht die Inhalte aus den Datentabellen gemeint sondern zum Beispiel Überschriften oder Labels für Formularfelder, die ebenfalls den Sprachen angepasst werden müssen. Diese Texte werden zunächst in die »locallang.xml« im pi1-Ordner der Extension eingetragen:

  1. <?xml version="1.0"encoding="utf-8"standalone="yes"?>
  2. <T3locallang>
  3.     <meta type="array">
  4.         <type>module</type>
  5.         <description>Language labelsforplugin tx_meineExtension_pi1</description>
  6.     </meta>
  7.     <data type="array">
  8.         <languageKey index="default"type="array">
  9.             <label index="eindeutigerName">Headline in Defaultsprache</label>
  10.         </languageKey>
  11.         <languageKey index="en"type="array">
  12.             <label index="eindeutigerName">Headline in English</label>
  13.         </languageKey>
  14.         <languageKey index="de"type="array">
  15.             <label index="eindeutigerName">Überschrift in Deutsch</label>
  16.         </languageKey>
  17.     </data>
  18. </T3locallang>

Diese Datei muss in UTF-8 abgespeichert werden, sonst gibt es entweder eine leere Frontend-Seite oder eine Fehlermeldung, je nach TYPO3-Version. Sie darf weder HTML noch Entities enthalten. In der Regel wirds das nicht brauchen (da die Datei ja UTF-8 ist), aber falls doch, gibt es folgende Möglichkeiten:

Entitiy definieren:

  1. <?xml version="1.0"encoding="utf-8"standalone="yes"?>
  2. <!DOCTYPE T3locallang [
  3.     <!ENTITY euro"&amp;euro;">
  4. ]>
  5. <T3locallang>
  6.     <meta type="array">
  7.         <type>module</type>
  8.         <description>Language labelsforplugin tx_tmeineExtension_pi1</description>
  9.     </meta>
  10.     <data type="array">
  11.         <languageKey index="default"type="array">
  12.                 <label index="eindeutigerName">Preis is&amp;euro;</label>
  13.         </languageKey>
  14.     </data>
  15. </T3locallang>

Sieht komisch aus, funktioniert aber. Die nächste Möglichkeit ist wahrscheinlich einfacher:

HTML in »locallang.xml«

  1. <?xml version="1.0"encoding="utf-8"standalone="yes"?>
  2. <T3locallang>
  3.     <meta type="array">
  4.         <type>module</type>
  5.         <description>Language labelsforplugin tx_meineExtension_pi1</description>
  6.     </meta>
  7.     <data type="array">
  8.         <languageKey index="default"type="array">
  9.             <label index="eindeutigerName"><![CDATA[<strong style='color:#00005a;'>und so weiter</strong>]]></label>
  10.         </languageKey>
  11.     </data>
  12. </T3locallang>

Jeder HTML-eintrag muss also mit

  1. <![CDATA[   ]]>

maskiert werden.

Ausgabe ins Frontend

Damit eine Ausgabe möglich wird, muss die »class.tx_meineExtension_pi1.php« erweitert werden:

  1. classtx_meineExtension_pi1extendstslib_pibase {
  2.   // snip
  3.   functionmain($content,$conf){
  4.   // snip
  5.   $this->pi_loadLL();
  6.   // snip
  7.  

 

Die Zeile $this->pi_loadLL(); lädt die notwendige Klasse.

Die eigentliche Ausgabe des Textes erfolgt so:

  1. $txt=$this->pi_getLL('eindeutigerName','default',FALSE);

Die Optionen bedeuten:

  • Name/Bezeichnung des Eintrags in der »locallang.xml«
  • Defaultwert – in der Regel ein englischer Begriff, als Platzhalter, falls der Eintrag in der locallang.xml fehlt
  • TRUE wenn der Wert durch htmlspecialchars() laufen soll

Daten aus den Datentabellen auslesen

Das erweist sich als das eigentliche Problem. Ich habe noch keine endgültige Lösung, aber die folgende funktioniert fürs erste.

1. Schritt: Daten aus der Tabelle holen. Dabei interessiert erstmal nur der WHERE-Teil des sql-Statements, der Rest dürfte klar sein:

  1. if ($GLOBALS['TSFE']->sys_language_content==0){
  2.   $whereClause="pid=xyz".
  3.   ' AND (sys_language_uid IN (-1,0) OR (sys_language_uid='.
  4.   $GLOBALS['TSFE']->sys_language_uid.
  5.   ' AND l18n_parent=0)) '.
  6.   $this->cObj->enableFields($tableName);
  7. }else{
  8.   $whereClause="pid=xyz".
  9.   ' AND (sys_language_uid IN (-1,0) OR (sys_language_uid='.
  10.   $GLOBALS['TSFE']->sys_language_uid.
  11.   ' AND l18n_parent=0)) ';
  12. }

Erläuterung: In der Defaultsprache wird »$this->cObj->enableFields()« aufgerufen, damit die versteckten Datensätze (und die gelöschten etc) nicht sichtbar werden. Bei den Alternativ-Sprachen entfällt das in diesem Schritt sondern folgt erst in einem weiteren. Die Zeile »’ AND (sys_language_uid ….« wählt alle Datensätze aus, die in »sys_language_uid« 0 (= Standardsprache) oder -1 (= alle Sprachen) stehen haben. Sie wählt aber auch alle Datensätze in der Alternativsprache aus, die keinen Eintrag in der Standardsprache haben.

Im nächsten Schritt werden die Sprach-Overlays geholt: die Felder des Datensatzes werden mit den Einträgen in der Alternativ-Sprache überschrieben:

  1. while ($row=$GLOBALS ['TYPO3_DB']->sql_fetch_assoc($newsResult) ){
  2.   if ($GLOBALS['TSFE']->sys_language_content){
  3.       $row=$GLOBALS['TSFE']->sys_page->getRecordOverlay($tableName,$row,$GLOBALS['TSFE']->sys_language_content,$GLOBALS['TSFE']->sys_language_mode=='strict'?'hideNonTranslated':'');
  4.   }
  5. }

Je nach Spracheinstellung werden dabei auch Einträge entfernt – also z. B. wenn sys_language_mode=strict eingestellt ist, werden alle nicht übesetzten Einträge entfernt.

Man kann eigene Konstanten definieren und diese im TypoScript-Template verwenden. Zuerst die Konstante definieren (in der Kategorie Constants im TypoScript-Template):

  1. # neue Konstante
  2. test.konstante1=4

Auf diese Konstante kann im TypoScript so zugegriffen werden:

  1. page.20=TEXT
  2. page.20.value={$test.konstante1}

Man muss also die Konstante mit geschweiften Klammern umgeben und ein Dollarzeichen davor setzen.

Diese Konstanten können auch über den Constant-Editor verwaltet werden. Dazu muss allerdings direkt oberhalt der Definition der Konstante ein Kommentar eingetragen werden, der die Konstante in den Constant-Editor aufnimmt:

  1. # cat=Grundeinstellungen//; type=int+; label=Navigations-ID: Geben Sie eine ID ein. Der Text kann auch deutlich länger sein.
  2. test.konstante1=4

Die Syntax:

  1. # cat=[Kategorie]/[Subkategorie]/[Position]; type=[Feldtyp]; label=[Titel]:[Beschreibung]
  2. test.konstante1=4

Die Optionen aller Eingabefelder im Backend können modifizert (= geändert oder erweitert) werden. Prinzipiell ist die Syntax:

  1. TCEFORM.[tablename].[field] {
  2.   # Feld komplett entfernen:
  3.   disabled=1
  4.   # Item entfernen
  5.   removeItems=1,2,3
  6.   # Item hinzufügen (Achtung: erfordert für das Frontend noch TypoScript im Template!)
  7.   addItems.[itemValue]=100,101
  8.   # Umbenennen
  9.   altLabels.[item_value]=ein ganz neuer Name
  10. }

Leider gibt es keine Dokumentation, welche Optionen für welches Feld zur Verfügung stehen und wie diese im Frontend ausgegeben werden. Das kann man wohl am einfachsten aus dem Quelltext des Eingabeformulars im Backend entnehmen. Für das Frontend kenne ich im Moment nur die Möglichkeit, es auszutesten bzw im Falle von tt_content das TypoScript von css_styled_content durchzusehen.

Bezeichnungen der Headline-Layouts ändern:

Ins TSconfig der der Seite folgendes eintragen: 

  1. TCEFORM.tt_content {
  2.   # ausblenden
  3.   header_layout.removeItems=1,4,5,100
  4.   # mit anderem Namen versehen
  5.   header_layout.altLabels.0=Ebene 1,H1
  6.   header_layout.altLabels.2=Ebene 2,H2
  7.   header_layout.altLabels.3=Ebene 3,H3
  8. }

Falls H1 nicht genutzt werden soll, muss die Default-Einstellung noch geändert werden, bzw. die Ausgabe für header_layout.altLabels.0. Das geht über folgende Eingabe im Constants-Bereich des TypoScript-Templates:

  1. # Voreinstellunge auf Headline <h3>
  2. content.defaultHeaderType=3

Rahmenoptionen umbenennen:

  1. TCEFORM.tt_content {
  2.   # Rahmenoptionen im Bereich Typ
  3.   section_frame {
  4.     # neue Labels
  5.     altLabels {
  6.       10=Kasten
  7.       5=Linie davor
  8.       6=Linie danach
  9.       11=BoxBlau
  10.       12=BoxGrau
  11.     }
  12.   # ausblenden
  13.   removeItems=1,20,21
  14.   }
  15. }

Neue Rahmenoptionen hinzufügen

Das ist etwas aufwändiger, da hierzu auch das TypoScript von tt_content verändert werden muss. Erster Schritt im TSconfig der Seite:

  1. # neuer Rahmen dazu
  2. TCEFORM.tt_content.section_frame {
  3.   addItems.100=Mal ganz anders
  4. }

Danach im TypoScript-Template:

  1. tt_content.stdWrap.innerWrap.cObject= CASE
  2. tt_content.stdWrap.innerWrap.cObject {
  3.   100=TEXT
  4.   100.value= <div class="mal-ganz-anders">|</div>
  5. }

Danach ganz normal in der CSS-Datei formatieren.

ACHTUNG: Das funktioniert seit TYPO3 4.3 nicht mehr; hier wurde css_styled_content etwas verändert. Man kann zwar die alte Fassung als static_content in das Template laden, aber besser ist es, es auf die neue Art zu machen:

  1. tt_content.stdWrap.innerWrap.cObject {
  2.     # Definitionen zuweisen
  3.     100=<tt_content.stdWrap.innerWrap.cObject.default
  4.     # Klasse zuweisen
  5.     100.15.value=mal-ganz-anders
  6. }

Das hat auch den Vorteile, dass die Abstände oben und unten funktionieren.

Weiterführende Links: