Zum Inhalt springen

htmlarea und interner Link

Erstellt am 13. Juli 2006 · 5 Antworten · letzte Antwort am 14. Juli 2006

Tags: Frage

IT-Dirk ·

Hallo,

kann mir jemand verraten, wie ich im htmlarea bei einem link auf eine interne Datei den roten Rand mit dem gelben Hintergrung weg bekomme bzw. wie ich generell die Links nach meinen Wünschen formatieren kann?

Zur Zeite steh das im html-Quelltext:
<p class="bodytext"><span style="BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; BORDER-LEFT: red 2px solid; COLOR: black; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: yellow"><a href="c:\1a" title="Öffnet einen externen Link in einem neuen Fenster" target="_blank" class="external-link-new-window" >test</a></span></p>

d.h. ich weiß nicht wo der BORDER herkommt.

Anbei noch mein TSconfig:

#*** 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/main/css/html_rte.css

## 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 = formatblock, fontstyle, fontsize, strikethrough,lefttoright, righttoleft, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste, textcolor

# 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, font, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, a, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, img, nobr, hr, tt, q, cite, abbr, acronym, center
denyTags =

# 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= 80%

ms_k ·

hi,

roter rand mit gelben Hintergrund heisst im Normalfall "Kaputter Link" auf etwas in htmlarea 😉

<a href="c:\1a" title="Öffnet einen externen Link in einem neuen Fenster" target="_blank" class="external-link-new-window" >

und dieses Ziel kann er eigentlich auch nie finden im Internet: c:\1a

Grüße
ms_k

IT-Dirk ·

Hallo,

die Versionen sind:
-- Typo3 Version 4.0
-- HTMLArea Version 1.3.7

noch zu ms_k:
Es handelt sich um einen Link auf einen internen Ordner (glaub mir, der Link geht). Wenn ich auf eine interne Datei (bsp. pdf-Datei) verweise öffnet diese sich im Acrobat Reader so wie es sein soll, nur der Link ist wieder mit rotem Rand und gelben Hintergrund.

IT-Dirk ·

Hallo,
hat sich erledigt. Habe den htmlarea neu inst. und jetzt geht es.
Danke für eure Bemühungen.

mfg