Einzelne Buchstaben oder Wörter mit dem RTE einfärben

hombo13 · 18. September 2007 08:43

Hallo Forum - wie kann man eigentlich einzelne Wörter (nicht Absätze) einfärben in der Art:

<p>Ich bin <span style="color:red";>rot</span></p>

? Ich könnte das im Quellmodus vom RTE machen aber der Redakteur sollte eine einfachere Methode haben. Wie geht das ganz einfach? Danke für Tipp.

ehontheim · 18. September 2007 18:21

Ach herrje!

Der RTE bietet doch in seinem Menü neben vielen anderen Formatierungsmöglichkeiten auch jene zur Auswahl einer Textfarbe. Es sei denn, der Administrator hat den RTE so konfiguriert, das eben jenes nicht sichtbar ist.

Mal den Admin fragen

hombo13 · 18. September 2007 19:02

... danke, dann weiss ich wo ich suchen muss. Zuerst gucken, wo der Entwickler diese Option ausgeschaltet hat...Grüsse.

Stefan1.0 · 21. September 2007 13:33

Hallo,
das gleiche Problem habe ich auch, nur weiß ich leider nicht wo ich dieses Feature einstellen kann.

Hoffe jemand liest noch diesen Thread und TX

Stefan

hombo13 · 21. September 2007 13:44

Hallo Stefan 1.0 - also sicher muss der Entwickler "textcolor" zeigen und nicht unter "hide" eintragen - also etwa so wie hier im Beispiel. Doch bei meiner Seite ist noch was irgendwo weiter oben oder unten im TS Config. Ich muss, wenn ich Zeite habe, Punkt für Punkt durchgehen...

####RTE KONFIGURIEREN#####
RTE.config.tt_content.bodytext.showButtons (
	blockstylelabel, blockstyle, textstylelabel, 
	textstyle, fontstyle, fontsize, formatblock, bold, 
	italic, underline, strikethrough, subscript, 
	superscript, lefttoright, righttoleft, left, 
	center, right, justifyfull, orderedlist, 
	unorderedlist, outdent, indent, textcolor, bgcolor, 
	textindicator, emoticon, insertcharacter, 
	line, link, image, table, user, acronym, 
	findreplace, spellcheck, chMode, inserttag, 
	removeformat, copy, cut, paste, undo, redo, 
	showhelp, about, toggleborders, 
	tableproperties, rowproperties, 
	rowinsertabove, rowinsertunder, rowdelete, 
	rowsplit, columninsertbefore, columninsertafter, 
	columndelete, columnsplit, cellproperties, 
	cellinsertbefore, cellinsertafter, celldelete, 
	cellsplit, cellmerge
	)
#HIER VERSTECKEN WIR WIEDER UNNÖTIGE BUTTONS
RTE.config.tt_content.bodytext.hideButtons (
	bgcolor, lefttoright, righttoleft,
	tableproperties, rowproperties, fontstyle,
	rowinsertabove, rowinsertunder, rowdelete, 
	rowsplit, columninsertbefore, columninsertafter, 
	columndelete, columnsplit, cellproperties, 
	cellinsertbefore, cellinsertafter, celldelete, 
	cellsplit, cellmerge, table, fontsize,
	user, textstyle, blockstyle,
	)

Stefan1.0 · 21. September 2007 19:18

Hallo Hombo13,
Danke für deine AW. wo finde ich dieses verflixte Script (Pfad)? Und kann ich das über den EX manager editieren oder direkt im Script mit Editor? Ich habe leider rnoch zu wenig Ahnung. TX schon mal

Stefan

hombo13 · 22. September 2007 10:42

Hellöle - also du gehst auf "Seiteneigenschaften bearbeiten", dann guckst du nach TSconfig. Klick mal das Fragezeichen... hier stehen noch hilfreiche Tipps. Ich würde dann das Skript (RTE konfigurieren - siehe oben) einbauen - und ein wenig experimentieren. Typo3 hat steile Lernkurve - am Ball bleiben lohnt sich aber...Grüsse

hombo13 · 24. September 2007 10:45

Ich kann nun "textcolor" im RTE einfügen. Ich wähle eine Farbe, speichern - und Zack ist wieder alles weg. Das System frisst mir den Tag

<span style="color: rgb(255, 0, 0);">

einfach weg! Ich habe zur Lösung des Problems folgendes angewandt: 1. TSconfig gelöscht. Dann das TSconfig-Skript für showButtons eingebaut (siehe oben). Jetzt wird "textcolor" im RTE gezeigt - aber der Code wird irgendwie geputzt. Weiss jemand, wie man diese Putze abstellt? Vielen Dank schon mal für netten Tipp.[/b] Und hier ist noch mein Typoskript, sieht jemand den Haken?

#//////////////////////
plugin.tx_indexedsearch.templateFile = EXT:indexed_search/pi/indexed_search.tmpl

config {
	stat = 1
	stat_apache = 1
	stat_apache_logfile = learnletter.log
	stat_excludeBEuserHits = 1
	stat_mysql = 1
	stat_typeNumList = 0,1,98
	xhtml_cleaning = all
	language = de
	tx_loginusertrack_enable = 1
	sys_language_uid = 0 
	language= de
	locale_all = de_DE
	simulateStaticDocuments_noTypeIfNoTitle = 1
	removeDefaultJS = 1
	admPanel = 1
	disablePrefixComment = 1
	#spamProtectEmailAddresses = 2
	#spamProtectEmailAddresses_atSubst = (at)
	typolinkCheckRootline = 1
}


lib.stdheader.stdWrap.space = 

#//////////////////////

#////////////////////// Plugin Konfigurationen
plugin {
	tx_macinasearchbox_pi1 {
		pidSearchpage = 41
		templateFile = fileadmin/pages/{$siteConfig.fileDir}/tmpl/search_box.html
	}
	tx_indexedsearch {
		show.advancedSearchLink = 0
		templateFile = fileadmin/pages/{$siteConfig.fileDir}/tmpl/indexed_search.html
	}
	tt_news{
		templateFile = fileadmin/pages/{$siteConfig.fileDir}/tmpl/tt_news.html
		_CSS_DEFAULT_STYLE >
		displaySingle{
			age_stdWrap.age = Minuten | Stunden | Tage | Jahre
		}
		displayList{
			date_stdWrap.strftime = %d.%m.%Y
			time_stdWrap.time = 
		}
		displayLatest{
			date_stdWrap.strftime = %d.%m.%Y
			time_stdWrap = 0
			subheader_stdWrap.crop = 200 | ... | 1
		}
	}
}

#//////////////////////

temp.contentRight = COA
temp.contentRight {
	wrap = <div id="sidebar">|</div>
	10 < plugin.tt_news
	10 {
		defaultCode = LATEST
		code >
		code = LATEST
	}
	20 < styles.content.getRight
}

#lib.parseFunc_RTE.allowTags = b, i, u, a, br, sub, sup, p, strong, em, li, ul, ol, blockquote, strike, span, h1, h2, h3, h4, h5, h6, abbr, acronym, div, img, dl, dd, dt

temp.contentLeft = COA
temp.contentLeft {
	wrap = <div id="content-left">|</div>
	10 = COA
	10 {
		wrap = <div id="sub-nav">|</div>
		10 = HMENU
		10 {
			entryLevel = 1
			1 = TMENU
			1{
				wrap = <ul id="sub-level1">|</ul>
				NO{
					allWrap = <li>|</li>
				}
				ACT < .NO
				ACT{
					ATagParams = class="act"
				}
				ACT=1
			}
			2 = TMENU
			2{
				wrap = <ul id="sub-level2">|</ul>
				NO{
					allWrap = <li>|</li>
				}
				ACT < .NO
				ACT{
					ATagParams = class="act"
				}
				ACT=1
			}
			3 = TMENU
			3{
				wrap = <ul id="sub-level3">|</ul>
				NO{
					allWrap = <li>|</li>
				}
				ACT < .NO
				ACT{
					ATagParams = class="act"
				}
				ACT=1
			}
		}
	}
	5 < plugin.tx_macinasearchbox_pi1
	5.wrap = <div id="search-box">|</div>
	30 < styles.content.getLeft
}

temp.printButton = COA
temp.printButton {
	wrap = <div id="printButton"><a href="#" onfocus="blurLink(this);" onclick="window.open('|','printLinkwindow','resizable=yes,toolbar=no,scrollbars=yes,menubar=no,width=800,height=500');"><img src="/fileadmin/pages/macfish/images/print.gif" />Drucken</a></div>
	10 = TEXT
	10.data = getIndpEnv:REQUEST_URI
	10.listNum.splitChar = .
	10.listNum = 0
	10.wrap = |.98.html
}
[globalString = ENV:REQUEST_URI = /index.php*]
temp.printButton.10 >
temp.printButton {
	10 = TEXT
	10.data = getIndpEnv:REQUEST_URI
	10.wrap = |&type=98
}
[GLOBAL]

temp.printFooter = COA
temp.printFooter {
	wrap = <div id="footer">|</div>
	10 = CONTENT
	10 {
		table = tt_content
		select {
			pidInList = 29
			orderBy = sorting
			where = colPos = 0
		}
	}
	100 = TEXT
	100 {
		wrap = <p>Druckdatum: |</p>
		data = date:U
		strftime = %d.%m.%Y
	}
	200 = TEXT
	200.value = <p><input class="print_button" style="width: 100px; height: 25px;" id="print" value="Drucken" onclick="javascript:self.print()" type="button"></p>
}

temp.logoImage = COA
temp.logoImage.wrap = <div id="logoImage">|</div>
temp.logoImage {
	100 = IMAGE
	100.wrap = <a href="index.html">|</a>
	100.file = GIFBUILDER
	100.file {
		format = gif
	
		XY = 150,30
		backColor = #ffffff

		40 = IMAGE
		40.file = fileadmin/pages/macfish/images/inp_logo.png
		40.file.width = 150
	
		50 = TEXT
		50.text = title
		50.fontSize = 20
		50.fontColor = #000000
		50.offset 20,30
	}
	200 = CONTENT
	200 {
		table = tt_content
		select {
			pidInList = 31
			orderBy = sorting
			where = colPos = 0
		}
	}

}

temp.bgImage = COA
temp.bgImage {
	10 = IMG_RESOURCE
	10.file = GIFBUILDER
	10.file {
		format = jpg
		
		backColor = #999999
		XY = 930,200
		
		20 = IMAGE
		20.file.import = media
		20.file.import = uploads/media/
		20.file.import.data = levelmedia:-1, slide
		20.file.import.listNum = 0
		20.file.width = 930
		20.mask = fileadmin/pages/macfish/images/maske.jpg
		
		30 = BOX
		30.dimensions = 360,0,1,300
		30.color = #ffffff
	}
}


tt_content {
	menu.20.3.wrap = <ol>|</ol>
	menu.20.3.renderObj.wrap = <li>|</li>
	stdWrap.innerWrap.cObject.20.value = <div class="frame_1">|</div>
	stdWrap.innerWrap.cObject.6.value = <a name="{field:uid}"></a> | <div class="anchor" style="clear:both;"><p style="clear:both;"><a href="#">hoch&nbsp;<img src="/fileadmin/pages/{$mainFileDir}/images/content/arrow_up.gif" /></a></p></div>
	stdWrap.innerWrap.cObject.6 = TEXT
	search.30.REQ.labelWrap.wrap = |
	mailform.20.CHECK.layout =  <span class="csc-mailform-check">###FIELD### ###LABEL###</span>
}

temp.topTabs = COA
temp.topTabs {
	wrap = <div id="toptabs"><p>Site Network: |</p></div>
	10 = HMENU
	10 {
		special = directory
		special.value = 17
		1 = TMENU
		1{
			NO{
				linkWrap = <span class="hide"> &#124; </span>|
				ATagParams = class="toptab"
			}
			ACT < .NO
			ACT{
				ATagParams = class="activetoptab"
			}
			ACT=1
		}
	}
}

temp.mainMenu = COA
temp.mainMenu {
	wrap = <div id="navitabs"><h2 class="hide">Site menu:</h2>|</div>
	10 = HMENU
	10 {
		1 = TMENU
		1{
			NO{
				linkWrap = <span class="hide"> &#124; </span>|
				ATagParams = class="navitab"
			}
			ACT < .NO
			ACT{
				ATagParams = class="activenavitab"
			}
			ACT=1
		}
	}
}

temp.rand = COA
temp.rand {
	#wrap = <div id="desc">|</div>
	10 = TEXT
	10.value = <div id="desc" style="background-image:url(
	20 < temp.bgImage
	30 = TEXT
	30.value = ); background-repeat:no-repeat;">
	100 < styles.content.getBorder
	150 = TEXT
	150.value = </div>
}

temp.content = COA
temp.content {
	wrap = <div id="main"><!--TYPO3SEARCH_begin-->|<!--TYPO3SEARCH_end--></div>
	90 < temp.printButton
	100 < styles.content.get
}

temp.footer = COA
temp.footer {
	wrap = <div id="footer">|</div>
	10 = CONTENT
	10 {
		table = tt_content
		select {
			pidInList = 32
			orderBy = sorting
			where = colPos = 0
		}
	}
}

#////////////////////// Haupt seiten Objekt rendern
page = PAGE
page.typeNum = 0
page.headerData {
	775 = TEXT
	775.value = <!-- Developed and designed by Robert Rez (INCONET GmbH) robert.rez@inconet.de-->
}

page.config {
	xmlprologue = none
	doctype = xhtml_trans
	index_enable = 1
}

page.includeCSS {
	file = fileadmin/pages/{$siteConfig.fileDir}/css/layout.css
	file1 = fileadmin/pages/{$siteConfig.fileDir}/css/rte.css
}

page.headerData.255 = TEXT
page.headerData.255.value =<link rel="icon" href="fileadmin/pages/macfish/images/favicon.gif" type="image/gif" > 


page {

	#config.spamProtectEmailAddresses = 2
	#config.spamProtectEmailAddresses_atSubst = (at)
	CSS_inlineStyle = #desc { backgound-image:url();}
	
	10 < temp.topTabs
	20 = TEXT
	20.value = <div id="container">
	100 < temp.logo
	150 < temp.logoImage
	200 < temp.mainMenu
	250 < temp.rand
	280 < temp.contentLeft
	300 < temp.content
	350 < temp.contentRight
	400 < temp.footer
	900 = TEXT
	900.value = </div>
}

alt_print >
alt_print = PAGE
alt_print{
	typeNum=98
	config.spamProtectEmailAddresses = 2
	config.spamProtectEmailAddresses_atSubst = (at)
	stylesheet = fileadmin/pages/macfish/css/print.css
	5 = TEXT
	5.value = <p class="print_button"><input class="print_button" style="width: 100px; height: 25px;" id="print" value="Drucken" onclick="javascript:self.print()" type="button"></p>
	10 < temp.logoImage
	100 < styles.content.get
	100.wrap = <div id="content">|</div>
	200 < temp.printFooter
}



tt_content.stdWrap.innerWrap.cObject{
	1 = TEXT
	1.value = <div class="topBorder">|</div>
	5 = TEXT
	5.value = <div class="bottomBorder">|</div>
	6 = TEXT
	6.value = <a name="{field:uid}"></a> | <div class="anchor" style="clear:both;"><p style="clear:both;"><a href="#">hoch&nbsp;<img src="/fileadmin/pages/krekeler/images/orange_blue_arrow_up.png" /></a></p></div>
	10 = TEXT
	10.value = <div class="smallBorder">|</div>
	11 = TEXT
	11.value = <div class="bigBorder">|</div>
	12 = TEXT
	12.value = <div class="einruecken15">|</div>
	20 = TEXT
	20.value = <div class="einruecken30">|</div>
}

lib.stdheader.10 {
	1.fontTag = <h1>|</h1>
	2.fontTag = <h2>|</h2>
	3.fontTag = <h3>|</h3>
	4.fontTag = <h4>|</h4>
	5.fontTag = <h5>|</h5>
	6 < .1
	6.fontTag = <h6>|</h6>
}

#lib.parseFunc.allowTags = b,i,u,a,img,br,div,center,pre,font,hr,sub,sup,p,strong,em,li,ul,ol,blockquote,strike,span,h1,h2,h3,h4,h5,h6,test

hombo13 · 24. September 2007 18:27

... weiss wirklich niemand bescheid, wie man dem system mitteilt, dass er z.B. die span-tags im rte bitte stehen lassen soll. Ich habe das ganze TSConfig gelöscht - das span-tag vom button "textcolor" wird einfach weggeputzt. Danke für dringende hilfe.

Stefan1.0 · 24. September 2007 18:34

hombo13 schrieb
Hellöle - also du gehst auf "Seiteneigenschaften bearbeiten", dann guckst du nach TSconfig. Klick mal das Fragezeichen... hier stehen noch hilfreiche Tipps. Ich würde dann das Skript (RTE konfigurieren - siehe oben) einbauen - und ein wenig experimentieren. Typo3 hat steile Lernkurve - am Ball bleiben lohnt sich aber...Grüsse

Hallo,
tx erstmal. ich schau gleich mal ob das klappt. Hoffentlich gibt es noch ne Antwort für dich.

Stefan

hombo13 · 26. September 2007 07:30

Der RTE funktioniert jetzt. Warum? Also man muss das obige Skript im TSConfig einsetzen und dann ganz wichtig die RTE Extension in den Demo-Modus setzen. Das wusste ich nicht - hat das niemand gewusst? :o

ehontheim · 26. September 2007 12:11

Hallo!

Ohne den Code jetzt detailliert gecheckt zu haben, so sehe ich doch in Zeile 73 und 400, dass du lib.parseFunc_RTE.allowTags auskommentiert hast. Darüber steuerst du aber, welche Tags du erlaubst. Siehe auch hier

http://typo3.org/documentation/document-library/extension-manuals/rtehtmlarea/1.4.4/view/3/9/

Ich muss gestehen, dass ich diese Funktion bisher kaum verwendet selber angepasst habe (nur copy&paste aus einer alten, bisher immer passenden Installation) und daher nur Vermutungen anstellen kann.

Probier es mal bitte aus.

Grüße

Erwin

Stefan1.0 · 26. September 2007 16:14

hombo13 schrieb
Der RTE funktioniert jetzt. Warum? Also man muss das obige Skript im TSConfig einsetzen und dann ganz wichtig die RTE Extension in den Demo-Modus setzen. Das wusste ich nicht - hat das niemand gewusst? :o

Hi,
sorry das ich da nochmal blöd zwischen funke. Den Button habe ich dank deiner Hilfe mittlerweile drin, aber bei mir verschwindet die Formatierung auch sofort wieder, obwohl ich die (Steinzeit)fonttags als erlaubt gesetzt habe. Du scheinst ja die Lösung zu haben. Wie versetzte ich den RTE den in den Demomodus.

TX und noch einen schönen Restmittwoch

Stefan

hombo13 · 26. September 2007 17:17

... gehst du in Extension-Manager, dann "loaded extensions" angucken und auf rtehtmlarea klicken. Dann unter "Default configuration settings" Demomodus aktivieren. Grüsse

Stefan1.0 · 26. September 2007 17:45

hombo13 schrieb
... gehst du in Extension-Manager, dann "loaded extensions" angucken und auf rtehtmlarea klicken. Dann unter "Default configuration settings" Demomodus aktivieren. Grüsse

aaahh, da war ich doch schon mal drin - und es klappt. alles ist rot. 😢 ich krieg nen weinkrampf. Tx. Hab ne Menge über TSconfig gelernt und wundere mich einmal mehr über die Art von Lösungen ;o)

Stefan

lammic · 8. Oktober 2007 17:07

Schön, dass das bei Euch klappt.
Mein Modus steht ebenfalls auf Demo und das TS-Config habe ich so übernommen wie hier im ersten Posting. Doch bei mir lässt er auch keine Farb-Formatierungen zu.
Ich sitze schon seit Tagen da rum. Seltsamerweise funktioniert das ganze mit tinyRTE, dafür habe ich mit genanntem noch andere Probleme. Deshalb möchte ich den htmlarea benutzen.

Hat jemand noch einen guten Tip für mich...? Bitttteeeeeee
Gruß
Michael

hombo13 · 8. Oktober 2007 17:56

Iammic - hast du die RTE-Konfiguration auch im Root-Template eingesetzt? Kannst es auch zu Testzwecken in einem Extension-Template einsetzen. Benutzt du auch den Mozilla-FireFoxl? Bist du auf dem neusten TYPO3-Versions-Stand? Good luck.

lammic · 8. Oktober 2007 18:17

hombo13 schrieb
Iammic - hast du die RTE-Konfiguration auch im Root-Template eingesetzt? Kannst es auch zu Testzwecken in einem Extension-Template einsetzen. Benutzt du auch den Mozilla-FireFoxl? Bist du auf dem neusten TYPO3-Versions-Stand? Good luck.

Ich habe TYPO3 Ver. 3.8.0. Mein RTE hat die Version 1.4.4, habe auch schon Version 1.3.8 versucht.

In meinem Root-Template kann ich unter dem Punkt TS-Config alle Einstellungen des RTE eintragen. Das klappt auch soweit.
Ändere ich im Text die Farbe und wechsele auf den HTML-Modus sehe ich auch die Änderung. Speichere ich das ganze, dann sehe ich schon beim Speichervorgang, dass die Tags wieder entfernt werden.
Mein TSConfig beinhaltet im Moment lediglich folgende Zeilen.

## RTE Konfiguration
RTE.default {

  
        # Buttons die gezeigt/versteckt werden
        showButtons = *
        hideButtons = 
 
  }

Unter Constants des Root-Templates habe ich sogar noch folgendes stehen.

styles.content.links.allowTags = b,i,u,a,img,br,div,center,pre,font,hr,sub,sup,p,strong,em,li,ul,ol,blockquote,strike,span,h1,h2,h3,h4,h5,h6

.

Ich FLIPPE noch aus..... #angry#

Getestet mit IE 6.0, Mozilla 1.5.0.12 und Netscape 7.1.

Stefan1.0 · 9. Oktober 2007 14:33

Hi lammic,
hast du den RTE auf Beta gesetzt?

Schönen Tag

Stefan

lammic · 10. Oktober 2007 08:22

Stefan1.0 schrieb
Hi lammic,
hast du den RTE auf Beta gesetzt?

Schönen Tag

Stefan

Wie meinst Du auf Beta?