Zum Inhalt springen

Glyphicon im RTE

Erstellt am 9. Januar 2014 · 5 Antworten · letzte Antwort am 13. Januar 2014

Tags: Bootstrap, TYPO3 6.x, Frage

ak1982 ·

Hallo zusammen,
ich probiere schon eine Weile bootstraps glyphicons im RTE hinzuzufügen.

<span class="glyphicon glyphicon-search"></span>

Leider löscht der RTE mir die Spantags innerhalb eines a-tags wieder raus?!? Auch außerhalb irgendeines Tags bleibt das span zwar, aber im BAckend wird das Symbol nicht angezeigt. Ich habe span auch schon im RTE als allowed Tag eingefügt.

Woran kann das liegen?

LG Andreas

Bluespuke ·

Du kannst dir Klassen zum RTE hinzufügen:

#Klassen hinzufügen
RTE.default.proc.allowedClasses := addToList(error,more-link, info-block, block)
RTE.default.classesParagraph := addToList(error,info-block)
RTE.default.classesCharacter := addToList(block)
RTE.default.classesAnchor := addToList(more-link)

#nicht benoetigte Klassen entfernen
RTE.default.classesParagraph := removeFromList(csc-frame-frame1, csc-frame-frame2)
RTE.default.proc.allowedClasses := removeFromList(csc-frame-frame1, csc-frame-frame2, important, name-of-person, detail)
RTE.classes := removeFromList(csc-frame-frame1, csc-frame-frame2, important, name-of-person, detail) 

#Klassen fuer die RTE Auswahlfelder definieren
RTE.classes.error {
						 name = Error in Red
						 value = color: #FF0000; font-weight: bold; background-color: #ffff00;
}

RTE.classesAnchor.more-link {
						 name = Link with an Arrow
						 value = background: transparent url(../img/arrow.png)no-repeat 0 0; padding:0 0 0 14px;
}
RTE.classesAnchor.info-block {
						 name = Infoblock with grey background
						 value = background-color: #ececec;
}

#NEUE CSS KLASSEN HINZUFUEGEN IM RTE
#**********************************************
RTE {
		default {
		contentCSS = fileadmin/templates/meintemplate/css/rte.css
		showTagFreeClasses = 1
		}
}

So machst du einfach eine Leerstelle, wählst diese aus und gibst der die Klasse. Falls du den HTML-Quellcode modifizierst sollte es auch drin bleiben.

Andere Editoren haben andere Optionen! (Ich benutz immer tinymce_rte, das Beispiel hier sollte aber für htmlAreaRTE sein...)

Bluespuke ·

Im tinyrte_mce geht es so:

#Klasse hinzufügen zum Select
RTE.default.init.theme_advanced_styles = Meine Klasse=myClass;Eine andere Klasse=anotherClass
#CSS einbinden damit es auch dargestellt wird
RTE.default.init.content_css = fileadmin/templates/meintemplate/css/content.css
ak1982 ·

RTE.default.proc.allowedClasses := addToList(error,more-link, info-block, block)

Wenn du diese Zeile meinst, da habe ich probiert glyphicon und glyphicon-search hinzuzufügen, leider hat das nichts verändert.

ak1982 ·

Ok, einiges hat es mir jetzt geholfen. Da die css Werte in der Bootstrap css waren und diese nicht eingefügt war, habe ich es nicht im BAckend gesehen. Also bleibt nur noch das Problem, dass die Spantags zwar so bleiben, aber eben nicht innerhalb eines a-tags.
Woran kann das liegen?

ak1982 ·

LÖSUNG:

RTE.config.tt_content.bodytext.proc.allowedClasses = span, glyphicon, glyphicon-file

LG Andreas