rte 'htmlarea' wandelt <p>-tags zu <br>-tags

[tHaHooL]

Ich hab mal eine Frage zum rte 'hmtlarea':

Mir wandelt htmlarea sämtliche <p>-tags im Frontend zu <br> tags
Kennt jemand einen funktionierende Möglichkeit das abzustellen.

Am liebsten wär es mir wenn ich im Backend schon direkt ein <br> setzten könnte, so dass ein "Return" nicht gleich einen neuen Absatz auslöst. Also quasi genaus so als ob ich shift+return verwende.

Sämtliche Suchergebnisse hatten bei mir keinen Erfolg gebracht, ich hab zwar hin und wieder ein bisschen TS gefunden, aber nix hat was gebracht.

Aktuell gehts um Typo3 4.1.1 & Htmlarea 1.5.2

Getestet hab ich das ganze auf verschiedenen Installationen (von 3.8 - 4.11 alles dabei) - überall das selbe Problem.

Vielleicht hat jemand einen Tipp für mich,

dankeschön

[steffenk]

wie sieht denn Dein pageTS aus ?

Selbst ohne irgendeine Konfiguration funktioniert das.

[tHaHooL]

Im Moment hab ich folgendes drinstehen:

#*** 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 {



## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script

# Buttons die gezeigt/versteckt werden
showButtons = textstyle, textstylelabel, 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
hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, 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

# erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id

# 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
)

# 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 {
p.fixAttrib.align.unset >
p.allowedAttribs = class,style,align

div.fixAttrib.align.unset >

hr.allowedAttribs = class

# b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em

## img tags werden erlaubt
img >
}
}

}

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

# Classes: Eigene Stile
classesCharacter = author
classesImage= rte_image


# 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 formate.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= 100%

Das Problem liegt einentlich mehr im Backend. Wenn ich dort ein "Return" ausübe, wird ein neuer Absatz (zumindest im Backend so sichtbar) erstellt. Er macht allerdings nur ein <br> welches ich auch gerne so im Backend sehen würde.

Beispiel:

test, text, text (so nun drücke ich im BE Return)

text, text, text... hier gehts also weiter

Ganz anders bei Shift+Return

test, text, text (so nun drücke ich im BE Shift + Return)
text, text, text... hier gehts also weiter

Im Frontend kommt beidesmal genau das selbe raus, also

test, text, text
text, text, text... hier gehts also weiter

[steffenk]

hmm - das sieht nach einer kopierten config aus, wie es viele im Netz gibt.
Ich halte da mittlerweile nicht mehr viel von, sondern formatiere nur bewusst das was sein soll.

dontConvBRtoParagraph = 1
das sagt es doch schon

Ich versteh Dich nicht mehr: anscheinend macht er ja doch ein p, nur beim weichen Umbruch ein br, das ist auch völlig konform und korrekt.

[tHaHooL]

Okay, ich denke hab mich falsch ausgedrückt

Es geht mir dadrum, dass er im Backend ein "Return", also ein <br> zwischen 2 Zeilen ohne Abstand darstellt.

Bisher macht er immer:

Zeile 1

Zeile 2

Er sollte es im Backend aber so darstellen:

Zeile 1
Zeile 2

Das hab ich bisher noch nicht hinbekommen.

[steffenk]

ist im Quelltext denn ein p oder ein br ?

[tHaHooL]

Wenn ich htmlarea in den html-modus umschalte macht er bei

Return ein <p>
bei Shift+Return ein <br>

[steffenk]

versuch mal im setup (nicht pageTS) folgendes:

lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.nonWrappedTag >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines = | <br/>

[tHaHooL]

Das hatte ich auch schon mal versucht, aber es funktioniert leider nicht...
Wie ist das denn bei Dir / Euch mit dem RTE? Müsste ja auch im htmlarea ein Abstand sein wenn "Return" verwendet wird, oder?

Mir selber wär das im Grunde ja egal, aber Redakteure die MS-Office gewohnt sind mache da Probleme, ihr kennt das sicherlich...

[steffenk]

nein, denn Word macht es genau so:
return: harter Umbruch (Absatz)
shift return: weicher Umbruch (Zeilenumbruch)

Und das ist bei jedem Textprogramm so, also absolut Standard.

[tHaHooL]

Stimmt, MS-Word machts genau so, habe ich gerade getestet.
Ich verwende seit Jahren Staroffice / Openoffice und da ist das nicht so, zumindest nicht default.

Aber egal: Wenn ich es bei Word ausdrucke dann kommt das auch so an.
Mein htmlarea zeigt mir aber

text

text

text

im Editor an und der Webbrowser macht das draus:

text
text
text

wemm im Webbrowser auch das selbe Ergebnis zu sehen wäre wie im RTE, dann wär das ja ok. Aber so gibt das zwangsweise einfach Probleme...

Ich möchte ganz einfach nur, dass wenn im RTE jemand "Return" die selbe Aktion gestartet wird wie wenn ich "Shift+Return" drücke.
Ich weiss dass es geht, ich hab das bei einem Typo3 Vortrag schon mal gesehen...

Was natürlich auch ok wäre, wenn im Browser es auch so angezeigt wird:

text

text

text

[steffenk]

Anzeige im Browser hängt nur vom CSS ab, welcher Abstand für p definiert ist

Du kannst auch für den rte ein css benutzen und da margin auf 0 setzen, dann sieht es nach Zeilenumbruch aus.

[tHaHooL]

Zitat von St@eff.en

Anzeige im Browser hängt nur vom CSS ab, welcher Abstand für p definiert ist

Du kannst auch für den rte ein css benutzen und da margin auf 0 setzen, dann sieht es nach Zeilenumbruch aus.

Mann-o-Mann... da hätt ich jetzt auch selber drauf kommen können.
Vielen Dank für Deine Hilfe!!!