Typo3 Extensions programmieren - RTE - Versionsgeschichte

134.3.241.116: /* Quickstart */

2012-11-19T16:27:31Z

Quickstart

134.3.241.116 am 19. November 2012 um 16:17 Uhr

2012-11-19T16:17:39Z

134.3.241.116: /* Fehlende p Tags und anderes im RTE */

2012-11-19T15:12:53Z

Fehlende p Tags und anderes im RTE

134.3.241.116: /* Möglichkeit 3 - über die Konfiguration der Extension */

2012-11-19T14:53:15Z

Möglichkeit 3 - über die Konfiguration der Extension

94.218.210.107: /* weitere Infos */

2009-09-15T13:40:39Z

weitere Infos

94.218.210.107 am 15. September 2009 um 13:38 Uhr

2009-09-15T13:38:06Z

91.46.177.98: /* Möglichkeit 1 - Render funktion nutzen */

2009-06-25T08:54:42Z

Möglichkeit 1 - Render funktion nutzen

91.46.177.98: /* Möglichkeit 3 - Render funktion nutzen */

2009-06-25T08:43:10Z

Möglichkeit 3 - Render funktion nutzen

91.46.177.98: /* weitere Infos */

2009-06-25T08:39:17Z

weitere Infos

193.196.133.6 am 30. Januar 2009 um 05:43 Uhr

2009-01-30T05:43:45Z

← Nächstältere Version		Version vom 19. November 2012, 16:27 Uhr
Zeile 13:		Zeile 13:
	</pre>		</pre>

		+	== Problem RTE und eID Skripte ==
		+	Hier steht das TSFE nicht zur Verfügung und somit nicht die RTE Konfiguration.
		+
		+	Möglichkeiten TSFE Objekt holen (wie?)
		+
		+	Siehe hier aber unsauber:
		+
		+	http://www.typo3.net/forum/beitraege/thema/71519/
		+
		+	== Weitere Möglichkeiten ==
	Mit dem Extension Kickstarter läßt sich in Backendformularen leicht der Rich Text Editor für die Texteingabe integrieren. Manche Formatierungen müssen aber vor der Ausgabe im Frontend gerendert werden. Sonst steht im Frontend statt eines a Tags beispielsweise der Typo3 eigene Tag <link>.		Mit dem Extension Kickstarter läßt sich in Backendformularen leicht der Rich Text Editor für die Texteingabe integrieren. Manche Formatierungen müssen aber vor der Ausgabe im Frontend gerendert werden. Sonst steht im Frontend statt eines a Tags beispielsweise der Typo3 eigene Tag <link>.

← Nächstältere Version		Version vom 19. November 2012, 16:17 Uhr
Zeile 1:		Zeile 1:
		+
		+	== Quickstart ==
		+
		+	require_once(PATH_t3lib.'class.t3lib_parsehtml_proc.php');
		+
		+	<pre>
		+	function parseRTE($content){
		+	$parseObj = t3lib_div::makeInstance('t3lib_parsehtml_proc');
		+	$content = $parseObj->TS_links_rte($content);
		+	return $content;
		+	}
		+
		+	</pre>
		+
	Mit dem Extension Kickstarter läßt sich in Backendformularen leicht der Rich Text Editor für die Texteingabe integrieren. Manche Formatierungen müssen aber vor der Ausgabe im Frontend gerendert werden. Sonst steht im Frontend statt eines a Tags beispielsweise der Typo3 eigene Tag <link>.		Mit dem Extension Kickstarter läßt sich in Backendformularen leicht der Rich Text Editor für die Texteingabe integrieren. Manche Formatierungen müssen aber vor der Ausgabe im Frontend gerendert werden. Sonst steht im Frontend statt eines a Tags beispielsweise der Typo3 eigene Tag <link>.

@@ Zeile 113: / Zeile 113: @@
-== Fehlende p Tags und anderes im RTE ==
+== Fehlende p Tags und anderes im RTE -> RTE Parsing in eigener Extension ==
@@ Zeile 171: / Zeile 171: @@
 Nur mit "content (default)" muss man sich die parseFunc selber holen:
 entweder nur über typoscript (irgendwo im Setup):
   lib.parseFunc_RTE < styled.content.parseFunc
 oder explizit im Code:
@@ Zeile 195: / Zeile 187: @@
+== Rendern eines Content-Elmentes innerhalb einer Extension ==
 ein oder mehrere Contentelemente (Einträge in tt_content) kann man ganz einfach wie folgt rendern:
 <pre>
@@ Zeile 208: / Zeile 198: @@
 $content .= $this->cObj->RECORDS($tt_content_conf);
- </pre>
+</pre>
 wobei in $uidlist die Komma-getrennte Liste der Contentelemente ist, die gerendert werden sollen.
 ACHTUNG das Ganze funktioniert aber nicht wenn eines der zu rendernden Contentelemente ein USER_INT / COA_INT o.ä., also ungecachtes Element, ist.
-Bilder
+==Bilder==
 Bilder muss man nicht selber skalieren. Das nimmt einem TYPO3 ab.
 (hier werden die Daten direkt aus dem Contentelement ausgelesen (zb. für FE-Plugin des Typs "(x) Add as a totally new Content Element type")
 <pre>
 $imgpath='uploads/pics/';

@@ Zeile 47: / Zeile 47: @@
 - nicht getestet -
-beim Standard RTE hilft's den Eintrag in der '''ext_tables.php'''
+beim Standard RTE hilft's den Eintrag in der '''ext_tables.php''' (oder tca.php)
 PHP-Code:
@@ Zeile 61: / Zeile 61: @@
   $this->pi_RTEcssText($text)
 ausgegeben werden
 == weitere Infos ==

@@ Zeile 113: / Zeile 113: @@
+}
 Fehlende p Tags und anderes im RTE
 das liegt oft daran, das beim speichern in der DB die p Tags in Zeilenumbrüche gewandelt werden, beim Rückweg aber nicht mehr ersetzt werden.
@@ Zeile 121: / Zeile 123: @@
 Rendern einer Eingabe innerhalb eines Plugins
-$out=$this->cObj->parseFunc($data,$this->conf['parser.']);
+ $out=$this->cObj->parseFunc($data,$this->conf['parser.']);
-$out=$this->cObj->parseFunc($data,$GLOBALS['TSFE']->tmpl->setup['lib.']['parseFunc_RTE.']);
+ $out=$this->cObj->parseFunc($data,$GLOBALS['TSFE']->tmpl->setup['lib.']['parseFunc_RTE.']);
@@ Zeile 130: / Zeile 132: @@
-plugin.tx_<myextension>_pi1.parser < lib.parseFunc_RTE
+ plugin.tx_<myextension>_pi1.parser < lib.parseFunc_RTE
@@ Zeile 139: / Zeile 141: @@
+<pre>
 /**
   * Will process the input string with the parseFunc function from tslib_cObj based on configuration set in "lib.parseFunc_RTE" in the current TypoScript template.
@@ Zeile 155: / Zeile 157: @@
+}
+  </pre>
 RESULT: you can do it like this:
@@ Zeile 161: / Zeile 163: @@
-$out=$this->pi_RTEcssText($data);
+ $out=$this->pi_RTEcssText($data);
@@ Zeile 177: / Zeile 179: @@
-lib.parseFunc_RTE < styled.content.parseFunc
+ lib.parseFunc_RTE < styled.content.parseFunc
@@ Zeile 184: / Zeile 186: @@
+<pre>
 $parseFunc = $GLOBALS['TSFE']->tmpl->setup['styled.']['content.']['parseFunc.'];
 if (is_array($parseFunc)) {
@@ Zeile 191: / Zeile 193: @@
 	$out=$data;
+}
+</pre>
@@ Zeile 200: / Zeile 202: @@
+<pre>
 $tt_content_conf = array('tables' => 'tt_content'
                          ,'source' => $uidlist
@@ Zeile 207: / Zeile 209: @@
 $content .= $this->cObj->RECORDS($tt_content_conf);
+  </pre>
 wobei in $uidlist die Komma-getrennte Liste der Contentelemente ist, die gerendert werden sollen.
@@ Zeile 223: / Zeile 225: @@
+<pre>
 $imgpath='uploads/pics/';
 $ts['img']='IMAGE';
@@ Zeile 234: / Zeile 236: @@
+}
 $img=$this->cObj->IMAGE($ts['img.']);
+</pre>
 Bilder II
 Etwas komplizierter ist es wenn man Bilder hat und dort Text einblenden möchte, zb. der Submit-Button, der in jeder Sprache anders beschriftet ist:
+  <pre>
 //get individual text for button:
@@ Zeile 270: / Zeile 272: @@
 //render to img-tag:
 $img=$this->cObj->IMAGE($ts['img.']);
+</pre>
 Quelle: http://www.pi-phi.de/rendering.html (9/2009)

← Nächstältere Version		Version vom 15. September 2009, 13:38 Uhr
Zeile 112:		Zeile 112:
	return $string;		return $string;
	}		}
		+
		+	Fehlende p Tags und anderes im RTE
		+
		+	das liegt oft daran, das beim speichern in der DB die p Tags in Zeilenumbrüche gewandelt werden, beim Rückweg aber nicht mehr ersetzt werden.
		+
		+	Im folgenden einige nützliche Infos:
		+
		+	Rendern einer Eingabe innerhalb eines Plugins
		+
		+	$out=$this->cObj->parseFunc($data,$this->conf['parser.']);
		+	$out=$this->cObj->parseFunc($data,$GLOBALS['TSFE']->tmpl->setup['lib.']['parseFunc_RTE.']);
		+
		+
		+
		+	im Typoscript muss dazu folgendes stehen:
		+
		+
		+
		+	plugin.tx_<myextension>_pi1.parser < lib.parseFunc_RTE
		+
		+
		+
		+
		+
		+	class.tslib_pibase.php
		+
		+
		+
		+	/**
		+	* Will process the input string with the parseFunc function from tslib_cObj based on configuration set in "lib.parseFunc_RTE" in the current TypoScript template.
		+	* This is useful for rendering of content in RTE fields where the transformation mode is set to "ts_css" or so.
		+	* Notice that this requires the use of "css_styled_content" to work right.
		+	*
		+	* @param string The input text string to process
		+	* @return string The processed string
		+	* @see tslib_cObj::parseFunc()
		+	*/
		+	function pi_RTEcssText($str) {
		+	$parseFunc = $GLOBALS['TSFE']->tmpl->setup['lib.']['parseFunc_RTE.'];
		+	if (is_array($parseFunc)) $str = $this->cObj->parseFunc($str, $parseFunc);
		+	return $str;
		+	}
		+
		+
		+
		+	RESULT: you can do it like this:
		+
		+
		+
		+	$out=$this->pi_RTEcssText($data);
		+
		+
		+
		+
		+
		+	Das funktioniert aber nur wenn das Include Static "CSS Styled Content (css_styled_content)" eingebunden ist.
		+
		+	Nur mit "content (default)" muss man sich die parseFunc selber holen:
		+
		+
		+
		+	entweder nur über typoscript (irgendwo im Setup):
		+
		+
		+
		+	lib.parseFunc_RTE < styled.content.parseFunc
		+
		+
		+
		+	oder explizit im Code:
		+
		+
		+
		+	$parseFunc = $GLOBALS['TSFE']->tmpl->setup['styled.']['content.']['parseFunc.'];
		+	if (is_array($parseFunc)) {
		+	$out = $this->cObj->parseFunc($data, $parseFunc);
		+	} else {
		+	$out=$data;
		+	}
		+
		+
		+
		+
		+	Rendern eines Content-Elmentes innerhalb einer Extension
		+
		+	ein oder mehrere Contentelemente (Einträge in tt_content) kann man ganz einfach wie folgt rendern:
		+
		+
		+
		+	$tt_content_conf = array('tables' => 'tt_content'
		+	,'source' => $uidlist
		+	,'dontCheckPid' => 1
		+	);
		+	$content .= $this->cObj->RECORDS($tt_content_conf);
		+
		+
		+
		+	wobei in $uidlist die Komma-getrennte Liste der Contentelemente ist, die gerendert werden sollen.
		+
		+
		+
		+	ACHTUNG das Ganze funktioniert aber nicht wenn eines der zu rendernden Contentelemente ein USER_INT / COA_INT o.ä., also ungecachtes Element, ist.
		+
		+
		+	Bilder
		+
		+	Bilder muss man nicht selber skalieren. Das nimmt einem TYPO3 ab.
		+
		+	(hier werden die Daten direkt aus dem Contentelement ausgelesen (zb. für FE-Plugin des Typs "(x) Add as a totally new Content Element type")
		+
		+
		+
		+	$imgpath='uploads/pics/';
		+	$ts['img']='IMAGE';
		+	$ts['img.']['file']=$imgpath.$this->cObj->data['image'];
		+	$ts['img.']['format']='jpg';
		+	$ts['img.']['altText']=$this->cObj->data['altText'];
		+	$ts['img.']['titleText']=$this->cObj->data['titleText'];
		+	if ($this->cObj->data['imagewidth']) {
		+	$ts['img.']['file.']['maxW']=$this->cObj->data['imagewidth'];
		+	}
		+	$img=$this->cObj->IMAGE($ts['img.']);
		+
		+	Bilder II
		+
		+	Etwas komplizierter ist es wenn man Bilder hat und dort Text einblenden möchte, zb. der Submit-Button, der in jeder Sprache anders beschriftet ist:
		+
		+
		+
		+	//get individual text for button:
		+	$buttontext=$this->pi_getLL('submit');
		+
		+	$buttonimage='fileadmin/images/blank_button.gif';
		+	$size=getimagesize($buttonimage); // get size of background-image
		+
		+	// define the whole Image
		+	$ts['img']='IMAGE'; //optional
		+	$ts['img.']['file']='GIFBUILDER';
		+	$ts['img.']['file.']['format']='gif';
		+	$ts['img.']['file.']['XY']=$size[0].','.$size[1]; // use original size
		+	$ts['img.']['file.']['altText']=$buttontext;
		+	$ts['img.']['file.']['titleText']=$buttontext;
		+
		+	// insert background-image
		+	$ts['img.']['file.']['1']='IMAGE';
		+	$ts['img.']['file.']['1.']['file']=$buttonimage;
		+
		+	// insert text
		+	$ts['img.']['file.']['10']='TEXT';
		+	$ts['img.']['file.']['10.']['text']=$buttontext;
		+	// style textappearance
		+	$ts['img.']['file.']['10.']['fontSize']='12';
		+	$ts['img.']['file.']['10.']['fontFile']='fileadmin/fonts/arial.ttf';
		+	$ts['img.']['file.']['10.']['fontColor']='#666666';
		+	$ts['img.']['file.']['10.']['offset']='22,14';
		+
		+	//render to img-tag:
		+	$img=$this->cObj->IMAGE($ts['img.']);
		+
		+	Quelle: http://www.pi-phi.de/rendering.html (9/2009)

@@ Zeile 15: / Zeile 15: @@
   $content = $parseObj->TS_links_rte($content);
-Alternativ
+Alternativ mit kleiner Funktion
-  if (!$this->cObj) $this->cObj = t3lib_div::makeInstance('tslib_cObj');
+<pre>
 und dann über
   $content = $this->parseRTE($content);
-Rendern (braucht ebenfalls obige Klasse).
+Rendern. Läßt sich dann schön erweitern für spezielle Rendereigenschaften.
 == Möglichkeit 2 - über TypoScript ==

@@ Zeile 1: / Zeile 1: @@
 Mit dem Extension Kickstarter läßt sich in Backendformularen leicht der Rich Text Editor für die Texteingabe integrieren. Manche Formatierungen müssen aber vor der Ausgabe im Frontend gerendert werden. Sonst steht im Frontend statt eines a Tags beispielsweise der Typo3 eigene Tag <link>.
-== Möglichkeit 3 - Render funktion nutzen ==
+== Möglichkeit 1 - Render funktion nutzen ==
 Rendern von TYPO3-Links in eigener Extension (RTE: <link>)
 URL dieses Beitrags: http://blog.stefan-macke.com/2007/08/01/rendern-von-typo3-links-in-eigener-extension-rte/
@@ Zeile 14: / Zeile 14: @@
   $parseObj = t3lib_div::makeInstance('t3lib_parsehtml_proc');
   $content = $parseObj->TS_links_rte($content);
 == Möglichkeit 2 - über TypoScript ==

← Nächstältere Version		Version vom 25. Juni 2009, 08:39 Uhr
Zeile 77:		Zeile 77:
	noch einen Haufen von Modifikationen vornehmen, die den Link selbst, den		noch einen Haufen von Modifikationen vornehmen, die den Link selbst, den
	Text oder den Wrap beeinflussen.		Text oder den Wrap beeinflussen.
		+
		+	Noch eins...
		+
		+	RTE <link> parsen und simulateStaticDocuments
		+
		+	permalink
		+	Für das Archiv:
		+
		+	# TypoScript
		+	plugin.tx_EXSTENIONKEY_pi1 {
		+	general_stdWrap.parseFunc < tt_content.text.20.parseFunc
		+	}
		+
		+
		+	# für die Extension
		+	$row['teasertext'] = $this->parseRTE($row['teasertext'])
		+
		+	private function parseRTE($string) {
		+	if (is_array($this->conf["general_stdWrap."])) {
		+	$string = $this->cObj->stdWrap($string,$this->conf["general_stdWrap."]);
		+	}
		+	return $string;
		+	}

← Nächstältere Version		Version vom 30. Januar 2009, 05:43 Uhr
Zeile 49:		Zeile 49:
	$this->pi_RTEcssText($text)		$this->pi_RTEcssText($text)
	ausgegeben werden		ausgegeben werden
		+
		+
		+	== weitere Infos ==
		+	aus dem Forum zum Thema Typolinks im RTE...
		+
		+	Im Prinzip ist es ganz einfach:
		+
		+	<pre>
		+	temp.whatever = TEXT
		+	temp.whatever {
		+	field = mytextfield
		+	parseFunc {
		+	tags {
		+	link = TEXT
		+	link {
		+	current = 1
		+	typolink.parameter.data = parameters : allParams
		+	}
		+	}
		+	}
		+	}
		+	</pre>
		+
		+	Damit werden schon mal alle <link> Tags im Feld mytextfield mit typolink
		+	gerendert.
		+	Mit Hilfe weiterer typolink Parameter und/oder stdWrap Funktionen kannst Du
		+	noch einen Haufen von Modifikationen vornehmen, die den Link selbst, den
		+	Text oder den Wrap beeinflussen.