1-image 2-image 3-image
Sie sind hier: Startseite > Editoren > Tinymce Editor > Format-Tabelle

Editor-Formate

Im Editor findet sich dieses „Fenster” (Dropdown) an dieser Stelle: Formate im Editor

Damit man sich bei der Vielzahl der Formate zurechtfindet, wird das ausgewählte mit einem dunklen Balken vor dem ausgewählten Format wie im folgenden Beispiel Balken markiert.

Aufruf Bild Kurz-Beschreibung Funktionsaufruf
p.marquee p.marquee Lauftext in einer Zeile <p class="marquee">Text</p>
div.marquee div.marquee Lauftext in einer Zeile <div class="marquee">Text</p>
div.silbentrennung div.silbentrennung Silbentrennung <div class="Silbentrennung">Text</div>
p.silbentrennung p.silbentrennung Silbentrennung <p class="Silbentrennung">Text</div>
span.silbentrennung span.silbentrennung Silbentrennung <span class="Silbentrennung">Text</div>
span.underline span.underline Unterstreichung nur vom Text <p><span class="underline">Text</span></p>
p.underline p.underline Unterstreichung im gesamten Block <p class="underline">Text</p>
p.blue p.blue Text in blau; jedoch eher türkis
<p class="blue">Text</p>
span.blue span.blue Text in blau; jedoch eher türkis <span class="blue">Text</span>
p.caption "p.caption Text mit kleinen Buchstaben in grau <p class="caption">Text</p>
span.caption span.caption Text mit kleinen Buchstaben in grau <p><span class="caption">Text</span></p>
p.noBr p.noBr Text wird am Monitorrand nicht umgebrochen <p class="noBr">Text</p>
span.noBr span.noBr Text wird am Monitorrand nicht umgebrochen <p><span class="noBr">Text</span></p>
p.Lighter p.Lighter Text mit normalen Buchstaben in hellgrau <p class="Lighter">Text</p>
div.Lighter div.Lighter Text mit normalen Buchstaben in hellgrau <p class="Lighter">Text</p>
span.Lighter span.Lighter Text mit normalen Buchstaben in hellgrau <p><span class="Lighter">Text</span></p>
p.Bolder p.Bolder Text dunkler, aber kaum deutlich sichtbar <p class="Bolder">Text</p>
span.Bolder span.Bolder Text dunkler, aber kaum deutlich sichtbar <p><span class="Bolder">Text</span></p>
div.Bolder div.Bolder Text dunkler, aber kaum deutlich sichtbar <div class="Bolder">Text</div>
p.Bold p.Bold Text statt bold fetter <p class="Bold">Text</p>
span.Bold span.Bold Text statt bold fetter <p><span class="Bold">Text</span></p>
div.Bold div.Bold Text statt bold fetter <div class="Bold">Text</div>
p.smaller p.smaller Text statt normaler Buchstaben kleinere <p class="smaller">Text</p>
span.smaller span.smaller Text statt normaler Buchstaben kleinere <p><span class="smaller">Text</span></p>
div.smaller div.smaller Text statt normaler Buchstaben kleinere <div class="smaller">Text</div>
p.bigger p.bigger Text mit doppelt so großen Buchstaben <p class="bigger">Text</p>
span.bigger span.bigger Text mit doppelt so großen Buchstaben <p><span class="bigger">Text</span></p>
div.bigger div.bigger Text mit doppelt so großen Buchstaben <div class="bigger">Text</div>
p.subHeading p.subHeading Text mit doppelt so großen Buchstaben <p class="subHeading">Text</p>
p.clear p.clear Keine sichtbare Änderung erkennbar <p class="clear">Text</p>
div.clear div.clear Keine sichtbare Änderung <divp class="clear">Text</div>
p.blockAuth p.blockAuth Absatz rechtsbündig mit linkem Flatterrand <p class="blockAuth">Text</p>
span.autoFussn_Verweis span.autoFussn_Verweis [markierter Text in diesen Klammern sehr klein und fett] 
hochgestellt dargestellt
<span class="autoFussn_Verweis">Text</span>
div.Headline_Fussnote div.Headline_Fussnote Vor dem markierten Text wird das Wort Fussnote(n) muss
Fußnote heißen
eingefügt. Ggf. händisch ändern.
Text kleiner in grau.
<div class="Headline_Fussnote">Text</div>
p.auto_Fussnote p.auto_Fussnote Fußnoten mit fortlaufender hochgestellter Nummer und Einrückungen <p class="auto_Fussnote">Text</p>
span.foot_Verweis span.foot_Verweis Vor dem Text mit hochgestellter [*] und Einrückungen. Muss aber
händisch unter den Textblock platziert werden.
<span class="foot_Verweis">Text</span>
span.footnote span.footnote Markierter Satz wird als Fußnote mit Sternchen unter dem Strich
dargestellt. Muss aber händisch unter den Textblock platziert werden.
<span class="footnote">Text</span>
div.FloatRight div.FloatRight Float rechts <div class="floatRight">Text</div>
p.FloatRight p.FloatRight Float rechts <p class="floatRight">Text</p>
div.FloatLeft div.FloatLeft Float links <div class="floatLeft">Text</div>
p.FloatLeft p.FloatLeft Float links <p class="floatLeft">Text</p>
span.Tab span.Tab Zeile / Satz wird im halben Button (unten geöffnet), mit bahama-
Hintergrund „herausgehoben“ dargestellt.
<span class="Tab">Text</span>
span.Taste span.Taste Zeile / Satz wird im Button, erhaben und mit Schatten herausgehoben
dargestellt. End-</span> muss händisch gesetzt werden.
<span class="Tab Taste">
div.FlexContainer div.FlexContainer

Innerhalb des <div>Text</div> wird zweispaltig geschrieben
(wie bei Zeitungen).

<div class="flexContainer">Text</div>
div.ImgL div.ImgL Block linksseitig, ca. 30% der Content-Fenster-Breite <div class="imgL imgL">Text</div>
div.ImgLB div.ImgLB Block linksseitig mit Rahmen incl. abgerundeten Ecken und
Hintergrundfarbe hellgrau; ca. 30% der Content-Fenster-Breite
<div class="imgL imgLB">Text</div>
div.ImgR div.ImgR Block rechtsseitig, ca. 30% der Content-Fenster-Breite <div class="imgL imgR">Text</div>
div.ImgRB div.ImgRB Block rechtsseitig mit Rahmen incl. abgerundeten Ecken und
Hintergrundfarbe hellgrau; ca. 30% der Content-Fenster-Breite
<div class="imgL imgRB">Text</div>
div.hovImg div.hovImg Beim Überfahren mit der Maus wird der Textblock wie hover in den
Vordergrund aus dem Contentfenster herausgerückt.­
<div class="hovImg">Text</div>
div.horizontScrollLine div.horizontScrollLine    
p.no_nocookies_text p.no_nocookies_text    
p.cookies_text p.cookies_text    
span.tooltip span.tooltip    
span.t-tiptext-unten span.t-tiptext-unten    
span.t-tiptext-oben span.t-tiptext-oben    
div.imgRB-inner span.imgRB-inner    
div.imgLB-inner span.imgLB-inner    
span.imgNrml span.imgNrml    
span.label-danger span.LabelDanger    
span.label span.Label    
body.xh_login body.xh_login    
fa-li.fa-lg fa-li.fa-lg    
fa.fa-pull-left fa.fa-pull-left    
fa.fa-pull-right fa.fa-pull-right    
fa.pull-left fa.pull-left    
fa.pull-right fa.pull-right    
Letzte Bearbeitung:
Please activate JavaScript in your browser.

» Sitemap

Einige Bereiche dieser Website benötigen zu ihrer Funktion sogenannte SESSION-Cookies, die jedoch keine personenbezogenen Daten enthalten, die sich auf Sie, Ihren Webclient oder Ihr Gerät beziehen. Es werden nur seiteninterne Werte gespeichert. Bitte geben Sie Ihre Erlaubnis, weitere Cookies auf Ihrem Rechner zu platzieren. Mehr Info