Typo3 Extensions entwickeln @deprecated: Unterschied zwischen den Versionen

Aus Vosp.info
Wechseln zu:Navigation, Suche
(template mit html)
Zeile 9: Zeile 9:
 
'''pi1/templates/template.html'''
 
'''pi1/templates/template.html'''
 
<source lang="html4strict">
 
<source lang="html4strict">
  &lt;!-- ###SUBPART1### begin -->
+
  <!-- ###SUBPART1### begin -->
  &lt;div ID="VAR1">###VAR1###&lt;/div>  
+
  <div ID="VAR1">###VAR1###</div>  
  &lt;div ID="SUBPART2_MARKER">###SUBPART2_MARKER###&lt;/div>
+
  <div ID="SUBPART2_MARKER">###SUBPART2_MARKER###</div>
  &lt;div ID="VAR_CONF">###VAR_CONF###&lt;/div>  
+
  <div ID="VAR_CONF">###VAR_CONF###</div>  
  &lt;!-- ###SUBPART1### end -->
+
  <!-- ###SUBPART1### end -->
 
   
 
   
  &lt;!-- ###SUBPART2### begin -->
+
  <!-- ###SUBPART2### begin -->
  &lt;div ID="VAR2">###VAR2###&lt;/div>
+
  <div ID="VAR2">###VAR2###</div>
  &lt;!-- ###SUBPART2### end -->
+
  <!-- ###SUBPART2### end -->
 
</source>
 
</source>
 +
 
=== Design mit css ===
 
=== Design mit css ===
 
'''pi1/template.css'''
 
'''pi1/template.css'''

Version vom 16. Februar 2013, 21:52 Uhr

Typo3

um sich das Grundgerüst einer Extension erstellen zu lassen bitte hier schauen Typo3 kickstarter Extension

tslib_pibase

Beispiel mit template, css und Sprachdatei

template mit html

pi1/templates/template.html

 <!-- ###SUBPART1### begin -->
 	<div ID="VAR1">###VAR1###</div> 
 	<div ID="SUBPART2_MARKER">###SUBPART2_MARKER###</div>
 	<div ID="VAR_CONF">###VAR_CONF###</div> 
 <!-- ###SUBPART1### end -->
 
 <!-- ###SUBPART2### begin -->
 	<div ID="VAR2">###VAR2###</div>
 <!-- ###SUBPART2### end -->

Design mit css

pi1/template.css

div#VAR1 {
	font-size: 12px;	color:red;
}
div#VAR2 {
	font-size: 14px;	color:blue;
}
div#VAR_CONF{
	font-size: 16px;	color:green;
}

Lokalisierung mit xml

pi1/locallang.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3locallang>
	<meta type="array">
		<type>module</type>
		<description>Language labels for plugin "tx_testit_pi1"</description>
	</meta>
	
		<languageKey index="default" type="array">
			<label index="VAR1">text for var 1 in english</label>
			<label index="VAR2">text for var 2 in english</label>
		</languageKey>
		<languageKey index="de" type="array">
			<label index="VAR1">Text für var 1 in deutsch</label>
			<label index="VAR2">Text für var 2 in deutsch</label>
		</languageKey>
	
</T3locallang>

Konfiguration mit Flexforms

pi/flexform_ds_pi1.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
   <sheets>
       <Konfigurationsformular>
           <ROOT>
               <TCEforms>
                   <sheetTitle>LLL:EXT:testit/locallang_db.xml:tt_content.list_type_pi1</sheetTitle>
               </TCEforms>
               <type>array</type>
               <el>
                   <VAR_CONF_Formular>
                       <TCEforms>
                           <label>LLL:EXT:testit/locallang_db.xml:VAR_CONF</label>
                           <config>
                               <type>input</type>
                               <size>100</size>
                           </config>
                       </TCEforms> 
                   </VAR_CONF_Formular>
                </el>
            </ROOT>
        </Konfigurationsformular>
    </sheets>
</T3DataStructure>

locallang_db.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3locallang>
	<meta type="array">
		<type>database</type>
		<description>Language labels for database tables/fields belonging to extension 'testit'</description>
	</meta>
	
		<languageKey index="default" type="array">
			<label index="tt_content.list_type_pi1">testit title</label>
			<label index="VAR_CONF">please set a value for the frontend</label>
		</languageKey>
		<languageKey index="de" type="array">
			<label index="tt_content.list_type_pi1">testit Title</label>
			<label index="VAR_CONF">bitte einen Wert fürs Frontend setzen</label>
		</languageKey>
	
</T3locallang>

ext_tables.php folgende Zeilen hinzufügen

$TCA['tt_content']['types']['list']['subtypes_addlist'][$_EXTKEY.'_pi1']='pi_flexform';
t3lib_extMgm::addPiFlexFormValue($_EXTKEY.'_pi1', 'FILE:EXT:'.$_EXTKEY.'/pi1/flexform_ds_pi1.xml');

Software mit php

pi1/class.tx_testit_pi1.php (bzw. die Hauptklasse)

<?php
 class tx_testit_pi1 extends tslib_pibase {
 	// ....
 	public function main($content, array $conf) {
 		// speichern der Konfiguration 
 		$this->conf = $conf;
 		// POST GET wird geladen
 		$this->pi_setPiVarDefaults();
 		// Sprachdaten werden geladen
 		$this->pi_loadLL(); 		
  
 		// css wird included
 		$GLOBALS['TSFE']->pSetup['includeCSS.'][$this->extKey] = 'EXT:' . $this->extKey . '/pi1/css/template.css';
  
 		// template wird included
 		$this->template = $this->cObj->fileResource('EXT:' . $this->extKey . '/pi1/templates/template.html');
 
 		// Subparts werden extrahiert
 		$tmpl_SUBPART1 = $this->cObj->getSubpart($this->template, '###SUBPART1###');
 		$tmpl_SUBPART2 = $this->cObj->getSubpart($this->template, '###SUBPART2###');
 
 		//   Flexform laden
 		$this->pi_initPIflexForm();
 
 		// Werte werden für die Marker gesetzt
 		$array_markers = array(
 			'###VAR1###' => $this->pi_getLL('VAR1'),
 			'###VAR2###' => $this->pi_getLL('VAR2'),
 			'###VAR_CONF###' => $this->pi_getFFvalue($this->cObj->data['pi_flexform'], "VAR_CONF_Formular", "Konfigurationsformular"),
 		);
 
 		// der Subpart 2 wird ins SUBPART2_MARKER gesetzt
 		$array_markers['###SUBPART2_MARKER###'] = $this->cObj->substituteMarkerArrayCached($tmpl_SUBPART2, $array_markers);
 
 		// 
 		$content = $this->cObj->substituteMarkerArrayCached($tmpl_SUBPART1, $array_markers);
 
 		return $this->pi_wrapInBaseClass($content);
 	}
 	// ....
 }
?>