htmlarea

von Andreas Becker auf TYPO3

TYPO3 RTE – cellpadding und cellspacing Attribut aus table-Tag entfernen

Wenn im RTE eine Tabelle erstellt wird, enthält diese nach dem Speichern die Attribute „cellpadding“ und „cellspacing“. Diese Attribute sind jedoch veraltet und sollten per CSS gesetzt werden.

Aus diesem Grund kann über die Seiten-TSConfig das Verhalten des RTE’s angepasst werden:

RTE.default.proc {
exitHTMLparser_db = 1
	exitHTMLparser_db {
		tags {
			table.fixAttrib.cellpadding.unset = 1
			table.fixAttrib.cellspacing.unset = 1
		}
	}
}

Mit diesem Eintrag wird beim Speichern einer RTE-Tabelle die Attribute cellpadding und cellspacing aus dem table-Tag entfernt und somit nicht in der Datenbank gespeichert.

 
von Andreas Becker auf TYPO3

TYPO3 RTE eigener CSS-Stil für Tabellen

Seit der TYPO3 Version 4.6 hat sich einiges an der RTE-Konfiguration geändert, manche Eigenschaften sind veraltet und werden in der Version 4.8 entfernt. Eine Liste findet sich unter http://forge.typo3.org/issues/28325

Um einen eigenen CSS-Stil für Tabellen im RTE festzulegen muss folgendes gesetzt werden:

im TSConfig der Hauptseite:

RTE.default.contentCSS = pfad/zur/rte.css
RTE.default.buttons.blockstyle.tags.table.allowedClasses := addToList(tabellenstil1)
RTE.default.proc.allowedClasses := addToList(tabellenstil1)
RTE.default.buttons.blockstyle.tags.table.allowedClasses := addToList(tabellenstil2)
RTE.default.proc.allowedClasses := addToList(tabellenstil2)

in der in Zeile 1 angegebenen CSS-Datei (als Beispiel):

table.tabellenstil1{border:none;border-collapse:collapse;margin:0 0 30px;width:100%;}
table.tabellenstil1 th{background:none;border:none;color:#272627;font-weight:700;padding:3px 7px;text-align:left;}
table.tabellenstil1 td{border:none;color:#272627;padding:3px 7px;}
table.tabellenstil2{border:1px solid #272627;border-collapse:collapse;margin:0 0 30px;width:100%;}
table.tabellenstil2 th{background:#272627;border:1px solid #272627;color:#fff;font-weight:700;padding:3px 7px;text-align:left;}
table.tabellenstil2 td{border:1px solid #272627;color:#272627;padding:3px 7px;}