Zum Inhalt springen

htmlarea / RTE (Konfiguration) - so gehts

Erstellt am 21. März 2006 · 191 Antworten · letzte Antwort am 28. Februar 2013 · Seite 7 von 10

Tags: Frage

Liberation ·
briem schrieb

Wie bekomme ich den alttext von Links weg?
Ich meine damit "Öffnet einen internen Link" usw.
Ich möchte auf diese Texte gänzlich verzichten.
Danke im vorraus

rootpage TS, nicht ins Template!
->
RTE.classesAnchor {
externalLink {
class = external-link
type = url
image = fileadmin/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText
}

externalLinkInNewWindow {
class = external-link-new-window
type = url
image = fileadmin/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText
}

internalLink {
class = internal-link
type = page
image = fileadmin/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText
}

internalLinkInNewWindow {
class = internal-link-new-window
type = page
image = fileadmin/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText
}

download {
class = download
type = file
image = fileadmin/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_titleText
}

mail {
class = mail
type = mail
image = fileadmin/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText
}
}

Chiba City Boy ·

Hallo @all, nachdem ich seit längerem mitlese hab ich mich entschlossen mich nun auch registriert um eine Frage zu meinem kniffeligen Problem zu stellen.

Ich kriege den RTE absolut nicht nach meinen Wünschen konfiguriert, habe alle relevanten Threads hier im Forum gelesen, ebenso diese recht bekannte und erstklassige Anleitung zum RTE konfigureieren:http://ug.typo3-nrw.de/typo3-dynamic_css.html

Das Problem ist das die Drop-Downs "Absatz" und "Text" einfach immer ausgegraut sind, egal was ich mache. Das Thema gabs schon oft, aber keine der Lösungen dort hat geholfen. Ist auch kein Browserproblem, tritt in FF und IE auf. Bin echt ratlos.

Hier meine PgaeTS-Config:

RTE.classes {
        quelle{
                name = quelle
                value = color: #DA1F3D;text-align: right;width:300px;float:right;
        }
        kommentar {
                name = kommentar
                value = width:200px;float:right;border-left: 2px solid #DA1F3D;margin: 0 10px;padding: 0 10px 5% 10px;font-size: 1.1em;
        }
}

#CSS Konfiguration
RTE.default.contentCSS = fileadmin/rte.css
RTE.default.useCSS = 1
RTE.default.classesAnchor >
RTE.default.classesImage = links, rechts
RTE.config.tt_content.bodytext.proc.allowedClasses = quelle, kommentar

#RTE-Verhalten
RTE.default.enableWordClean = 1
RTE.default.disableEnterParagraphs = 0
RTE.default.hideTags = font, font (full)

#Transformation
RTE.default.proc {
   // TRANSFORMATION METHOD
   overruleMode = ts_css

   dontConvBRtoParagraph = 1
}

#Farben
RTE.default.disableColorPicker = 1
RTE.default.disableSelectColor = 0
#vordefinierte farben
RTE.colors {
   color1 {
      name = gelb
      value = #FFCD1F
   }

   color2 {
      name = hellgelb
      value = #FFF4D8
   }

   color3 {
      name = dunkelgelb
      value = #F0C11D
   }

   color4 {
      name = senf
      value = #D19400
   }

   color5 {
      name = rot
      value = #DA1F3D
   }

   color6 {
      name = dunkelrot
      value = #B01931
   }
}
RTE.default.colors = color1, color2, color3, color4, color5, color6

#Template-Compliance
#H1 schon vergeben
RTE.default.hidePStyleItems = PRE, H1

#WORKARAOUND wegen ausgegrauten Boxen:
RTE.default.showTagFreeClasses = 1

Das zugehörige rte.css:

p.quelle {
	color: #DA1F3D;
         text-align: right;
         width:300px;
         float:right;
         }

p.kommentar {
	width:200px;
         float:right;
         border-left: 2px solid #DA1F3D;
         margin: 0 10px;
         padding: 0 10px 5% 10px;
         font-size: 1.1em;
}

img {
	border: 1px solid #DA1F3D;
}

img.links {
	float: left;
         margin: 10px 10px 10px 0;
	border: 1px solid #DA1F3D;
}

img.rechts {
	float:right;
         margin: 10px 0 10px 10px;
	border: 1px solid #DA1F3D;
}

Die rte.css wird zusätzlich zur "normalen" styles.css eingebunden, ist auch in der Ausgabe korrekt.

Was in der Ausgabe allerdings ebenfalls fehlt, sind die <p> Tags. Alles was im RTE noch innerhalb von <p>-Tags sitzt, steht einfach plain im Quelltext der Ausgabe. In der Quelltextansicht des RTE sind die <p> noch da!

Nach einigem rumprobieren habe ich festgestellt, dass "Absatz" und "Text" ausgegraut werden sobald diese Zeile drin steht, ohne die es ja aber auch niocht geht: RTE.default.contentCSS = fileadmin/rte.css

Ich verwende Typo 4.0, rteHTMLArea

Wäre super wenn jemand dazu ne Lösung wüsste, ich bin echt seit Tagen am rumbasteln und kurz davor hinzuschmeissen.

LG, CCB

Chiba City Boy ·

Hmm, also das Problem mit den fehlenden <p> Tags besteht nicht mehr, lag am TSconfig, eine Ebeene höher.

Weiterhin besteht das Problem mit den Ausgegrauten Dropdown Boxen...

lambdaoe ·
Chiba City Boy schrieb

Weiterhin besteht das Problem mit den Ausgegrauten Dropdown Boxen...

Habe das gleiche Problem und die gleichen Erkenntnisse.
Kann allerdings noch eines draufsetzen:
Wenn ich mal auf HTML umschalte (<>) und wieder retour komme ist plötzlich der Absatz nicht mehr grau. Allerdings auch keine Spur von meinem Style.
Während ich hier schreibe passiert das Ungewöhnliche: :o
Versuchte mal auf "Zentrieren" - plötzlich kommt auch der Text-pulldown mit "Standard" und "Undefiniert". Funktioniert aber nur in der ersten Zeile.
Hier meine minimalistische TS:

################################################
# FORMAT RTEHTMLAREA
################################################
RTE.default.contentCSS = fileadmin/templates/rtehtmlarea/my_css.css
RTE.default.useCSS = 1
RTE.default.classesParagraph = my_numbered_style,align-left,align-right,align-center
RTE.default.classesCharacter = roteSchrfit
RTE.default.showTagFreeClasses = 1
RTE.config.tt_content.bodytext.proc.allowedClasses = my_numbered_style,roteSchrift,align-left,align-right,align-center

Gruß

PS: warum ist der Thread eigentlich als abgeschlossen gekennzeichnet???

PPS: es gibt dazu eine Thread im Bugtracker http://bugs.typo3.org/view.php?id=1565

Uwe Gast ·

Hallo,
ich habe vielleicht einen trivialen Fehler, vielleicht kann mir ja jemand weiterhelfen.
Ich verwende typo3 4.0 und RTEhtmlarea 1.4.2.
ich habe in meine Seiten TS-Config die config aus dem ersten Post eingefügt und folgende Sachen geändert:

proc {
# tags die erlaubt / verboten sind
allowTags = font, table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym, center
# denyTags = font
...

HTMLparser_rte {

# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags

# tags die untersagt sind
# removeTags = font

also explizit font tags erlaubt.
Wenn ich jetzt mit RTEhtmlarea einen Textabschnitt markiere und die Schriftgröße ändere tut er das erst einmal, sobald ich den speichern button drücke sind die Fontspezifischen Änderungen wieder weg. Weiss jemand Rat?

Danke!

Uwe

acha ·

Hallo Zusammen,

habe das selbe Problem wie Uwe Gast!

Anweisungen in der TSconfig der Root-Seite werden irgendwie nicht beachtet!
Span obwohl ausdrücklich erlaubt wird beim speichern wieder aus dem Quellcode geschmissen ...

Irgendjemand eine Idee #paralyzed#

(Update von 3.7.0 auf 4.0.2)

Danke schon mal vorab an alle die hier ihre Zeit und Energie verwenden um anderen auf die Sprünge zu helfen!

Grüße Aliya

birgitr ·

Klassen aus dem eigenen CSS für Absätze und <span> zulassen:

// page TSconfig

### externe CSS Datei
RTE.default.contentCSS = fileadmin/templates/css/content.css

### Klassen aus contentCSS hinzufügen
RTE.default.classesParagraph := addToList(klein, links, rechts,csc-frame-frame100)
RTE.default.classesCharacter := addToList(klein, codeblock)

:= addToList() funktioniert erst ab TYPO3 4.0, ansonsten einfaches Gleichheitszeichen verwenden

Rendering-Methode: CSS styled Content (weiter KEINE statischen Templates wie content(default) oder so)

RTE.default.proc {									  ## TRANSFORMATION METHOD
  overruleMode = ts_css
}

Ist normalerweise schon in der Voreinstellung des Editors.

paopao1 ·

Hallo,

ich habe auch meine Probleme RTE für meine Bedürfnisse zu konfigurieren:

Meine Aufzählungen (Nummerierungen & Punktlisten - bullet list) werden zwar im RTE angezeigt, aber nicht übernommen, wenn ich mir das ganze ansehe. ???!!??

Habt ihr eine Idee was da los ist?

Hier ist mein RTE:

RTE.config.tt_content.bodytext.types.bullets.disable = 1

#RTE.config.tt_content.bodytext.showButtons = *

#Default configuration settings = Demo
## Define labels and styles to be applied to class selectors in the interface of the RTE

## Partial re-use of color scheme and frame scheme from CSS Styled Content extension

RTE.classes {

align-left {

name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft

value = text-align: left;

}

align-center {

name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter

value = text-align: center;

}

align-right {

name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright

value = text-align: right;

}

csc-frame-frame1 {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame1

value = background-color: #EDEBF1; border: 1px solid #333333;

}

csc-frame-frame2 {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame2

value = background-color: #F5FFAA; border: 1px solid #333333;

}

important {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:important

value = color: #8A0020;

}

name-of-person {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:name-of-person

value = color: #10007B;

}

detail {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:detail

value = color: #186900;

}

component-items {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items

value = color: #186900;

}

action-items {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items

value = color: #8A0020;

}

component-items-ordered {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items

value = color: #186900;

}

action-items-ordered {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items

value = color: #8A0020;

}

}

## Anchor classes configuration for use by the anchor accessibility feature (htmlArea RTE only)

RTE.classesAnchor {

externalLink {

class = external-link

type = url

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/external_link.gif

altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText

titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText

}

externalLinkInNewWindow {

class = external-link-new-window

type = url

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/external_link_new_window.gif

altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText

titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText

}

internalLink {

class = internal-link

type = page

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/internal_link.gif

altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText

titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText

}

internalLinkInNewWindow {

class = internal-link-new-window

type = page

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/internal_link_new_window.gif

altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText

titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText

}

download {

class = download

type = file

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/download.gif

altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_altText

titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_titleText

}

mail {

class = mail

type = mail

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/mail.gif

altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText

titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText

}

}

## Default RTE configuration

RTE.default {

## Markup options (htmlArea RTE only)

enableWordClean = 1

removeTrailingBR = 1

removeComments = 1

removeTags = center, o:p, sdfield

removeTagsAndContents = style,script

## Allow img tags

proc.entryHTMLparser_db.tags.img >

## Allow align and style attributes on p and span tags

proc.entryHTMLparser_db.tags {

p.fixAttrib.align.unset >

div.fixAttrib.align.unset >

p.allowedAttribs = class,style,align

span.fixAttrib.style.unset >

}

## Toolbar options

showButtons = *

## More toolbar options (htmlArea RTE only)

keepButtonGroupTogether = 1

## Enable status bar (htmlArea RTE only)

showStatusBar =  1

## Add default example styles

## Left, center and right alignment of text in paragraphs and cells.

inlineStyle.text-alignment (

p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }

p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

)

## Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.

inlineStyle.frames (

p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

)

## Bullet styles for unordered lists.

inlineStyle.ul (

ul.component-items { color: #186900; list-style-type: circle; }

ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

)

## Numbering styles for ordered lists.

inlineStyle.ol (

ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }

ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

)

## Three inline text colors taken from the color scheme of CSS Styled Content extension.

inlineStyle.inline-text (

span.important { color: #8A0020; }

span.name-of-person { color: #10007B; }

span.detail { color: #186900; }

)

## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)

ignoreMainStyleOverride = 1

## For this demo, do not remove font, strike and u tags

proc.entryHTMLparser_db.removeTags := removeFromList(font,strike,u)

## List all class selectors that are allowed on the way to the database

proc.allowedClasses (

external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,

align-left, align-center, align-right,

csc-frame-frame1, csc-frame-frame2,

component-items, action-items,

component-items-ordered, action-items-ordered,

important, name-of-person, detail

)

## classesParagraph, classesTable, classesTD, classesLinks, classesCharacter

## Classic RTE: Specify the list of class selectors that should be presented in the RTE interface:

## htmlArea RTE: Restrict the list of class selectors presented by the RTE to the following:

classesParagraph (

align-left, align-center, align-right, 

csc-frame-frame1, csc-frame-frame2

)

classesTable = csc-frame-frame1, csc-frame-frame2

classesTD = align-left, align-center, align-right

classesLinks = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail

classesCharacter = important, name-of-person, detail

## Configuration of the anchor accessibility feature (htmlArea RTE only)

## These classes should also be in the list of allowedClasses.

classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail

classesAnchor.default {

page = internal-link

url = external-link-new-window

file = download

mail = mail

}

## Show all applicable class selectors available in the style sheet file (htmlArea RTE only)

showTagFreeClasses = 1

## Configuration specific to the table button or TableOperations feature (htmlArea RTE only)

## Use the context menu instead of the toolbar for table operations, but keep toggleborders button in toolbar

hideTableOperationsInToolbar = 1

buttons.toggleborders.keepInToolbar = 1

## Configuration specific to the inserttag button or QuickTag feature (htmlArea RTE only)

## Do not allow insertion of the following tags

buttons.inserttag.denyTags = font, underline, strike, table

## Configuration specific to the spellcheck button or SpellCheck feature (htmlArea RTE only)

## Enable the use of personal dictionaries

enablePersonalDicts = 1

}

## Use same processing as on entry to database to clean content pasted into the editor

RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

## front end RTE configuration (htmlArea RTE only)

RTE.default.FE < RTE.default

RTE.default.FE.userElements >

RTE.default.FE.userLinks >

## tt_content TCEFORM configuration

## Let use all the space available for more comfort.

TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

The following is inserted in User TSConfig:

## Enable the RTE by default for all users

setup.default.edit_RTE = 1

## Enable the file upload feature of the element browser by default for all users

options.uploadFieldsInTopOfEB = 1

## Set the default spelling ability of the check speller for all users

options.HTMLAreaPspellMode = bad-spellers

## Enable the personal dictionary feature of the check speller by default for all users

options.enablePersonalDicts = 1

allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym, center
typo3newbie ·

Moin,

ich habe im TS-Config der Root-Seite folgendes eingetragen:

RTE.classesAnchor {
  internalLink {
    class = internal
    type = page
    image >
    }
  externalLink {
    class = external
    type = url
    image >
    }
  download {
    class = download
    type = file
    image >
    }
  mail {
    class = mail
    type = mail
    image >
    }
  pdf {
    class = PDF
    type = file
    image >
  }

RTE.proc {
  allowedClasses {external-link, internal-link, download, mail, pdf}
  }

RTE.classesAnchor = external-link, internal-link, download, mail, pdf

Aber trotzdem produziert mir der RTE in der Ausgabe die Klassen class="internal-link" und class="external-link". Die Klasse PDF kann ich gar nicht auswählen, wenn ich einen Link auf eine Datei setze.

Was mache ich denn falsch?

Viele Grüße
typo3Newbie

Sunrising ·

Mal eine dumme Frage:

Ich habe die Konfig auf der 1. Seite dieses Themas in die TSConfig meiner Seite reinkopiert. Alle formatierungen werden im RTE (Backend) rchtig dargestellt, jedoch werden die Formatierungen (Bilder, Links, usw.) im Frontend nicht angezeigt. Welche Ursache könnte das haben?

Gruß
Sunrising

lambdaoe ·
Sunrising schrieb

Mal eine dumme Frage:

Dumme Fragen gibt's nicht,
nur dumme Antworten. 😉

Sunrising schrieb

Ich habe die Konfig auf der 1. Seite dieses Themas in die TSConfig meiner Seite reinkopiert. Alle formatierungen werden im RTE (Backend) rchtig dargestellt,

Erst mal Gratulation, da bist Du wahrscheinlich bereits einen Schritt weiter als die meisten anderen.

Sunrising schrieb

jedoch werden die Formatierungen (Bilder, Links, usw.) im Frontend nicht angezeigt. Welche Ursache könnte das haben?

Hast Du die entsprechenden CSS-Definition auch erstellt und mit der Seite verlinkt?
Schau mal Deine Seite an. Sind
1. die Texte mit den CSS-Klassen/ID's versehen und
2. gibt es diese für diese Seite definiert, d.h. gibt es ein Stylesheet dazu?
Ich vermute dass 2. nicht gegeben ist.

Viel Glück und poste bitte die Ergebnisse. Danke

Sunrising ·
lambdaoe schrieb

Hast Du die entsprechenden CSS-Definition auch erstellt und mit der Seite verlinkt?

Habe die CSS von der ersten Seite erstellt und in der root des Webspaces abgelegt. Ist die dort richtig?

lambdaoe schrieb

Schau mal Deine Seite an. Sind
1. die Texte mit den CSS-Klassen/ID's versehen und

Ist damit dieses im Seitenquelltext gemeint?

<!--  CONTENT ELEMENT, uid:12/text [begin] -->
		<a id="c12"></a><br /><b><font color="darkblue"></font></b><br /><br /><p class="align-left">Test</p>
<p class="align-center"><link http:xxx="" -="" external-link-new-window="" ffneteinenexternenlinkineinemneuenfenster="" />Test</link></p>
	<!--  CONTENT ELEMENT, uid:12/text [end] -->
lambdaoe schrieb

2. gibt es diese für diese Seite definiert, d.h. gibt es ein Stylesheet dazu?
Ich vermute dass 2. nicht gegeben ist.

Wenn ja, dann ist dafür noch nichts hinterlegt. Muss dann nur die CSS Datei angepasst werden, muss eine andere dafür angelegt werden oder muss ich das Typo noch beibringen?

Danke schon mal für die schnelle Hilfe. 🙂

lambdaoe ·

In deinem Seitencode hast Du z.B.

<p class="align-center"><link http:xxx="" -="" external-link-new-window="" ffneteinenexternenlinkineinemneuenfenster="" />Test</link>

Da findest Du das class="align-center". Damit der Browser aber weis was er tun soll muss du ihn das auch sagen. D.h. du musst die Klasse align-center definieren.

Dazu gibt es die sogenannten Style-Definitionen. Diese sind im Headerbereich entweder direkt angegeben (nur in besonderen Fällen) oder in Stylessheet die über den Link-Befehl eingebunden werden. Z.B.

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e45948f2e1.css" />

Lies mal am besten unter http://de.selfhtml.org/css/index.htm nach.

Lies auch mal die Doku für rtehtml bzw. birgitr hat ein paar Kommentare vorher die Einbindung beschrieben.

Gruß.

Sunrising ·

Vielen Dank schon mal, hab es hin bekommen.

Jetzt habe ich nur noch das Problem, dass mir die Links nicht richtig angezeigt werden. Sieht im Quelltext so aus:

<link 9 _blank external-link-new-window "Öffnet einen externen Link in einem neuen Fenster">Formatierungselemente</link>

Ich denke mir mal, dass da noch ein Paar Zusätze fehlen wie z.B. href und Ähnliches. Die Frage ist nur, wie bekomme ich Typo das beigepult?

Nebenbei werden mir Unterstreichungen mit <//u> vor und nach dem zu unterstreichenden Teil gesetzt werden. Wodurch könnte das bewirkt werden?

bedunet ·

Hallo,

ich habe ein Problem mit dem RTE. Hoffe sehr das ihr mir helfen könnt. Es werden keine <span>-Tags innerhalb von <p>-Tags gespeichert. Also

<p><span class="textrot">roter Text</span> anderer Text</p>

wird zu

<p>roter Text anderer Text</p>

Meine TSConfig in der Rootpage:

#*** RTE Classe des Interface (Ausrichtung)
RTE.classes {
        align-left {
                name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
                value = text-align: left;
        }
        align-center {
                name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
                value = text-align: center;
        }
        align-right {
                name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
                value = text-align: right;
        }
}

#
# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
        internalLink {
                class = internal-link
                type = page
                image >
        }
        externalLink {
                class = external-link
                type = url
                image >
        }
        externalLinkInNewWindow {
                class = external-link-new-window
                type = url
                image >
        }
        internalLinkInNewWindow {
                class = internal-link-new-window
                type = page
                image >
        }
        download {
                class = download
                type = file
                image >
        }
        mail {
                class = mail
                type = mail
                image >
        }
}


## RTE Konfiguration
RTE.default {

        # Zuweisung der CSS-Datei
        contentCSS = fileadmin/template/main/res/symrise_rte.css
        
        #Zuweisung der eigenen Textklassen
        #classesCharacter = textgruen, textrot, hometeaser
        #classesParagraph = textgruen, textrot, hometeaser
       
        ## Markup options
        enableWordClean = 1
        removeTrailingBR = 1
        removeComments = 1
        removeTags = center, sdfield
        removeTagsAndContents = style,script

        # Buttons die gezeigt/versteckt werden
        showButtons = textstyle, textstylelabel, formatblock, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about, chMode, insertag
        hideButtons = fontstyle, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor,  textindicator, emoticon, user, spellcheck, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste

        # Hält die RTE Icons gegroupt zusammen
        keepButtonGroupTogether = 1

        # blendet Statusbar in htmlarea aus
        showStatusBar =  0

        ## Add styles Left, center and right alignment of text in paragraphs and cells.
        inlineStyle.text-alignment (
                p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
                p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
                p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
        )

        ## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
        ignoreMainStyleOverride = 1
       
        proc {
				
                # tags die erlaubt / verboten sind
                allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym, center
                denyTags = font

                # br wird nicht zu p konvertiert
                dontConvBRtoParagraph = 1

                # tags sind erlaubt außerhalt von p, div
                allowTagsOutside = img,hr
				
				# tags sind erlaubt innerhalb von p, div
				allowedTagsInside = span

                # erlaubte attribute in p, div tags
                keepPDIVattribs = align,class,style,id
                
                # die eigenen Klassen erlauben
                #allowedClasses = textgruen, textrot, hometeaser
                #classesParagraph = textgruen, textrot, hometeaser

                # List all class selectors that are allowed on the way to the database
                allowedClasses (
                        external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
                        align-left, align-center, align-right, author, hometeaser, textgruen, textrot
                )       

                # html parser einstellungen
                HTMLparser_rte {

                        # tags die erlaubt/verboten sind
                        allowTags < RTE.default.proc.allowTags
                        denyTags < RTE.default.proc.denyTags

                        # tags die untersagt sind
                        removeTags = font

                        # entfernt html-kommentare
                        removeComments = 1

                        # tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
                        keepNonMatchedTags = 0
                }


                # Content to database
                entryHTMLparser_db = 1
                entryHTMLparser_db {

                        # tags die erlaubt/verboten sind
                        allowTags < RTE.default.proc.allowTags
                        denyTags < RTE.default.proc.denyTags

                        # CLEAN TAGS
                        noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center

                        rmTagIfNoAttrib = span,div,font

                        htmlSpecialChars = 1
       
                        ## align attribute werden erlaubt
                        tags {
                                span.fixAttrib.style.unset = 1
				p.fixAttrib.align.unset = 1
				div.fixAttrib.align.unset = 1
				span.allowedAttribs = class
				p.allowedAttribs = class
				hr.allowedAttribs = class
				b.allowedAttribs = xml:lang
				blockquote.allowedAttribs = xml:lang
				cite.allowedAttribs = xml:lang
				em.allowedAttribs = xml:lang
				i.allowedAttribs = xml:lang
				q.allowedAttribs = xml:lang
				strong.allowedAttribs = xml:lang
				sub.allowedAttribs = xml:lang
				sup.allowedAttribs = xml:lang
				tt.allowedAttribs = xml:lang

                                ## img tags werden erlaubt
                                img >
                        }
                }

        }

        # Classes: Ausrichtung
        classesParagraph (
                align-left, align-center, align-right
        )

        # Classes: Eigene Stile
        classesCharacter = textgruen, textrot, hometeaser
		classesParagraph = textgruen, textrot, hometeaser


        # Classes für Links (These classes should also be in the list of allowedClasses)
        classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
        classesAnchor.default {
                page = internal-link
                url = external-link-new-window
                file = download
                mail = mail
        }

        # zeigt alle CSS-Klassen die in symrise_rte.css vorhanden sind
        showTagFreeClasses = 1

        # Do not allow insertion of the following tags
        hideTags = font

        # Tabellen Optionen in der RTE Toolbar
        hideTableOperationsInToolbar = 0
        keepToggleBordersInToolbar = 1

        # Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
        disableSpacingFieldsetInTableOperations = 1
        disableAlignmentFieldsetInTableOperations=1
        disableColorFieldsetInTableOperations=1
        disableLayoutFieldsetInTableOperations=1
        disableBordersFieldsetInTableOperations=0
}

# Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

# FE RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >

# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%

# Span innerhalb von <P> Tags nicht löschen
RTE.default.proc.HTMLparser_db.tags.span.allowedAttribs = lang, title, span, class

Innerhalb anderer Tags, z.B. <h1> werden <span>-Tags übernommen.

[Edit] Jetzt habe ich doch die Versionen vergessen:
Typo3 4.0.5
htmlArea RTE 1.3.8

super-mario ·

da ich nun 1 stunde hier herumgekämpfte habe, frag ich mal nach
ich wollt eigentlich nur Style bzw. CSS Klasse in die Text Auswahl hinzufügen.
wenn ich

RTE.default.showTagFreeClasses = 1

setzte seh ich zwar meine CSS Datei aber beim speichern geht wieder alles verloren #angry#
wenn ich

RTE.classes {
box {
name = box
value = font-color:blue
}
}

hinzufüge wird meine Farbauswahl bei Text auch noch grau! :o
am ende sollte einfach eine Klasse zur Auswahl stehen, die ich anwähle, nachdem ich alles markiert habe und mein RTE packt mir eine Box(in der classe definiert) um den Text!
kann mir da jemand helfen

cordman ·

Ein Bischen Code würde sicherlich helfen den Sachverhalt besser zu verstehen.
Hast du die Klassen denn auch schon erlaubt und eingebunden?

## RTE Konfiguration
RTE.default { 
	...        
        proc {
		...           
                # Listen der erlaubten Klassen
                allowedClasses (
                        box, box2, ...
                )                     
		... 
        }
	... 
        # Einbinden eigener Klassen 
	# Text
        classesCharacter = box
        # Absatz
        classesParagraph = box2
	...
}
super-mario ·
RTE.default.contentCSS = fileadmin/css/style.css
RTE.default.useCSS = 1
RTE.default.proc.allowedClasses (
	box_top,box_content,box_bottom,box
)
RTE.default.classesCharacter = box,box_top,box_content,box_bottom
#zeigt alle klassen aus CSS
RTE.default.showTagFreeClasses = 1
#RTE.config.tt_content.bodytext.types.bullets.disable = 1

damit funktioniert die ganze sache eigentlich grundlegend, nur wüste ich zu gern wie ich meinem RTE sage das er keine span sondern div Tags nehmen soll?
wo muss ich da was eintrage?

m3typo3 ·
cordman schrieb

Dafür sollte man das <p>-Tag nehmen, da dies auch semantisch korrekt ist.

Welche Möglichkeiten gibt es, diese selbst definierten Styles nur auf bestimmte Tags anzuwenden. Mit dem oben angeführten Beispiel werden ja nur Absätze berücksichtigt. Wie kann ich das Beispiel umschreiben damit ich A-Tags in Absätzen fürmatiren kann?