Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Beim Speichern eines Inhalts und der damit verbundenen Übertragung in die Datenbank werden die eingegebenen BBCodes teilweise in HTML konvertiert, bevor der Text in der Datenbank abgelegt wird.

Diese Dokumentation beschreibt, welche BBCodes wie konvertiert und dann ausgegeben werden. Sie dient damit als Implementierungshilfe für interne und ggf. externe Entwickler.

Übersicht über die Ablage des BBCode-Textes in der Datenbank

  • Auflistung der Konvertierungen von

    • unterstützten Textformatierungen

    • Social-Media-, Karten- und Video-Embeds

    • Einbettungen von internen Inhalten

    • Markierung der Lesebeschränkung bei Premium-Inhalten

Inhaltsverzeichnis

Expand
titleInhaltsverzeichnis anzeigen
Table of Contents
maxLevel4

Allgemeine Beschreibung

Beim Speichern eines Inhalts wird dessen Text konvertiert und in der Datenbank abgelegt. Die vom Editor unterstützten Textformatierungen (z. B. Zwischenüberschrift, Fett, Kursiv, etc.) werden in HTML-Tags konvertiert.

Bei Einbettungen (Embeds) von internen Elementen (z. B. eingebettete Aktionen, eingebettete Code) sowie bei Einbettungen von externen Diensten (z. B. Social-Media-, Video- & Karten-Embeds) wird entweder

  1. der eingegebene BBCode als Platzhalter beibehalten

  2. oder ein HTML-Platzhalter ( <div> )generiert.

Beim Aufruf der PORTAL-Seite werden die BBCode- bzw. die HTML-Platzhalter (<div> ) der eingebetteten Elemente über verschiedene Workflows durch den tatsächlichen HTML-Embed-Code ersetzt.

Bei den verschiedenen Export-Formaten wird im Feld des Inhalttextes der Text so ausgegeben, wie er in der Datenbank abgelegt wird. Das führt dazu, dass bei verschiedenen Export-Workflows eine Mischung aus HTML-Tags, HTML-Platzhaltern ( <div> ) und BBCode-Platzhalter ausgegeben wird.

Beispielsweise:

Konvertierung von über den Editor eingegebene Texte

Im Folgenden wird aufgelistet, welche BBCodes wie konvertiert und in der Datenbank abgelegt werden.

Unterstützte Textformatierungen

Die folgenden BBCodeS werden beim Speichervorgang zu HTML-Tags konvertiert:

BBCode-Tag

Beschreibung

Ablage in der Datenbank

[h2]

Zwischenüberschrift

<h2> -Tag (HTML)

[b]

Fett

<b> -Tag (HTML)

[i]

Kursiv

<i> -Tag (HTML)

[u]

Unterstrichen

<u> -Tag (HTML)

[sup]

Hochgestellt

<sup> -Tag (HTML)

[sub]

Tiefgestellt

<sub> -Tag (HTML)

[list][*]

Ungeordnete Liste

Code Block
Beispiel: [list][*]Eins[/*][*]Zwei[/*][*]Drei[/*][/list]

<ul><li> -Tag (HTML)

Code Block
<ul><li>Eins</li><li>Zwei</li><li>Drei</li></ul>

[list=1][*]

Geordnete Liste

Code Block
Beispiel: [list=1][*]Eins[/*][*]Zwei[/*][*]Drei[/*][/list]

<ol><li> -Tag (HTML)

Code Block
<ol><li>Eins</li><li>Zwei</li><li>Drei</li></ol>

[quote]

Zitat

Code Block
[quote]Gute Geschichten erfolgreich machen[/quote]

<quote> -Tag (HTML)

Code Block
<quote>Gute Geschichten erfolgreich machen<quote>

[url]

Hyperlink

Code Block
Beispiel: [url=https://www.google.de]Google[/url]

<a> -Tag (HTML)

Code Block
Beispiel: <a href="https://www.google.com" rel="nofollow">Google</a>

[urlnt]

Hyperlink, der in einem neuen Fenster öffnet.

Code Block
Beispiel: [urlnt=https://www.google.com]Google[/urlnt]

<a> -Tag (HTML)

Code Block
Beispiel: <a href="https://www.google.com" onclick="window.open(this.href); return false;" rel="nofollow">Google</a>

Social-Media-, Karten- und Video-Embeds

Einbettungen von externen Plattformen werden als BBCode abgespeichert. Der BBCode wird erst beim Ausspielen durch ein entsprechendes <div> ersetzt. Details siehe: Social-Media-, Video- & Karten-Embeds

BBCode-Tag

Beschreibung

Ablage in der Datenbank

[video]

Einbettung von Videos. Unterstützt werden Youtube, Vimeo und APA. Innerhalb der Tags muss die URL des Videos stehen.

Code Block
[video]https://www.youtube.com/watch?v=wZb5SGpv3RU[/video] 
[video]https://vimeo.com/54785974[/video] 
Code Block
[video]URL des Videos[/video]

[map]

Einbettung von iFrame-Karten. Unterstützt werden Google Maps, Google My Maps und OpenStreetMap. Innerhalb der Tags muss die iFrame-src-URL der Karte stehen.

Code Block
Beispiele: 
[map]https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10604.94119928147!2d10.8967622!3d48.3560021!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd2915ac686271fad!2sGogol+Publishing!5e0!3m2!1sde!2sde!4v1506516680490[/map]
[map]https://www.google.com/maps/d/embed?mid=1FRnNtkcAZZ9bXYj6d6IkLmP_NBI[/map]
[map]http://www.openstreetmap.org/export/embed.html?bbox=10.856251716613771%2C48.35716156917839
Code Block
[map]iFrame-src-URL der eingebetteten Karte[/map]

[twitter]

Einbindung eines Twitter-Posts.

Code Block
twitter]Twitter-URL[/twitter]
Code Block
[twitter]Twitter-URL[/twitter]

[instagram]

Einbindung eines Instagram-Posts.

Code Block
[instagram]Instagram-URL[/instagram]
Code Block
[instagram]Instagram-URL[/instagram]

[facebook]

Einbindung eines Facebook-Posts.

Code Block
[facebook]Facebook-URL[/facebook]
Code Block
[facebook]Facebook-URL[/facebook]

[tumblr]

Einbindung eines Tumblr-Posts.

Code Block
[tumblr]Tumblr-URL[/tumblr]
Code Block
[tumblr]Tumblr-URL[/tumblr]

Einbettungen von internen Inhalten

Ein Teil der Einbettungen von internen Inhalten werden als Platzhalter-<div> abgespeichert. Der Platzhalter wird erst beim Ausspielen durch den entsprechenden Embed-Code ersetzt. Ein anderer Teil der BBCodes werden auch als BBCode abgespeichert. Auch in diesem Fall wird der BBCode-Platzhalter beim Ausspielen durch ein entsprechendes <div> ersetzt.

BBCode-Tag

Beschreibung

Ablage in der Datenbank

[eimg]

Ein am Beitrag hochgeladenes Bild, welches im Text des Beitrags eingebettet wurde.

Code Block
[eimg={idDesBilds}]https://Zielurldesbildes.png[/eimg]
Code Block
<div data-media-eimg="ID des Bildes"></div>

[earticle]

Eingebetteter Teaser auf einen Beitrag.

Code Block
[earticle={idDesBeitrags} layout=default]Überschrift des Beitrags[/earticle]
[earticle={idDesBeitrags} layout=image-gallery]Überschrift des Beitrags[/earticle]
Code Block
<div data-article-earticle="idDesBeitrags" data-article-earticle-layout="default">Überschrift des Beitrags</div>
<div data-article-earticle="idDesBeitrags" data-article-earticle-layout="image-gallery">Überschrift des Beitrags</div>

 

[eimagepost]

Eingebetteter Teaser auf einen Schnappschuss.

Code Block
[eimagepost={idDesSchnappschuss}]Überschrift des Beitrags[/eimagepost]
Code Block
<div data-article-eimagepost="idDesSchnappschuss">Überschrift des Beitrags</div>

[eeventitem]

Eingebetteter Teaser auf eine Veranstaltung.

Code Block
[eeventitem={idDerVeranstaltung} layout=default]Überschrift der Veranstaltung[/eeventitem]
[eeventitem={idDerVeranstaltung} layout=image-gallery]Überschrift des Veranstaltung[/eeventitem] 
Code Block
<div data-eventcalendar-eeventitem="idDerVeranstaltung" data-eventcalendar-eeventitem-layout="default">Überschrift der Veranstaltung</div>
<div data-eventcalendar-eeventitem="idDerVeranstaltung" data-eventcalendar-eeventitem-layout="default">Überschrift der Veranstaltung</div>
[paevent]

Eingebettete Aktion. Weitere Informationen zu Aktionen finden sich hier.

Code Block
[paevent=IDderArktion]Titel der Aktion[/paevent]
Code Block
[paevent=IDderArktion]Titel der Aktion[/paevent]

 

[embedcode]

Code, der über die Code-Einbetten-Funktion im Text eingefügt wurde. Weitere Informationen zur Funktion finden sich hier.

Code Block
Beispiel: [embedcode=xoinobo5gs][/embedcode]
Code Block
[embedcode=xoinobo5gs][/embedcode]

Markierung der Lesebeschränkung bei Premium-Inhalten

Die Markierung der Lesebeschränkung bei Premium-Inhalten wird als HTML-Tag ausgegeben

BBCode-Tag

Beschreibung

Ablage in der Datenbank

[pcrm]

Markierung der Lesebeschränkung bei Premium-Inhalten. Weitere Informationen zur Lesebeschreänkung finden sich hier.

Code Block
[pcrm][/pcrm]
Code Block
<premium-teaser>

Beispiel für einen konvertierten Text:

Anzeige im BBCode-Editor

Code Block
[b]Mit über 50 markierten Routen hat der Nationalpark Jotunheimen einiges an Abenteuer zu bieten. Obwohl die "Heimat der Riesen" in Norwegen längst kein touristischer Geheimtipp mehr ist, sind die Routen selten überlaufen.[/b]

Für alle, die Lust auf Wanderurlaub in Norwegen haben, habe ich hier zwei Routen und ein paar Tipps zusammengetragen.
[pcrm][/pcrm]

[h2]Probelauf im Sognefjell [sup]Tipp[/sup]
[/h2][embedcode=3w90robajyc][/embedcode]
Wer seine neue (bzw. schon länger lagernde) Ausrüstung testen möchte, für den bietet sich eine kleine Runde im Sognefjell an. Sollte sich die Sohle von den Wanderschuhen lösen oder die Heringe für das Trekking-Zelt fehlen, kann man jederzeit zum Ausgangspunkt, der Sognefjellshytta (eine Berghütte) zurückkehren.
[eimg=3091]https://demo.gogolpublishingcloud.com/resources/mediadb/article/2021/06/23/1/3091_M.jpg?1624481754[/eimg]

Die Tour lässt sich gut an einem Tag bestreiten, wer in seinem Zelt probeschlafen möchte, kann die Tour auf zwei Teile aufteilen und etwas oberhalb des Sees Utledalstjønne sein Zelt aufschlagen. Achtung: Der Gletscher Bøverbreen ist nicht weit: In der Nacht wird es entsprechend kalt. Am nächsten Tag nimmt man einfach den zweiten Teil der Route auf sich.

Vom Parkplatz bei der Sognefjellshytta ist man mit dem Auto in ca. zwei Stunden in Bessheim am Startpunkt der großen Trekking-Tour durch Jotunheimen:
[map]https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d296146.4361563887!2d8.210653157276628!3d61.686810973618385!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x4615a5ba93d1cb77%3A0xfcefe2db69bc9ba5!2sSognefjellshytta%2C%20Sognefjellsvegen%204974%2C%202687%20B%C3%B8verdalen%2C%20Norwegen!3m2!1d61.565047099999994!2d7.997895499999999!4m5!1s0x46153c2c22cc1ca5%3A0xfadaeb16e4e4fcdd!2sBessheim%20Fjellstue%20og%20Hytter%2C%20Bessheim%20Fjellstue%20AS%2C%20Sjodalsvegen%2C%20Tessanden%2C%20Norwegen!3m2!1d61.514604!2d8.853095999999999!5e0!3m2!1sde!2sus!4v1623765733131!5m2!1sde!2sus[/map]

[h2]In 5 Tagen um den Jotunheimen
[/h2][embedcode=4or62borali][/embedcode]
Die fünftägige Trekking-Tour führt über den berühmten Besseggengrad (mit einer ungesicherten Kletterpartie, bei welcher die türkis-grüne Gjende zwischen den Füße durchscheint, einen Eindruck gibt es [urlnt=https://www.alamy.de/stockfoto-klettern-den-besseggen-grat-im-nationalpark-jotunheimen-norwegen-72814058.html]hier[/urlnt]), durch das idyllisch-sumpfige Russvatnet-Tal, durch Geröll-Felder vorbei am Galdhøpiggen - Norwegens höchster Berg und durch das Tal Visdalen. 
[video]https://www.youtube.com/watch?v=wPxlB2YwLH4[/video]

Die [i]karge, mystische Landschaft[/i] hat leider auch zur Folge, dass man [b]sehr lange[/b] über [u]Geröllfelder[/u] laufen muss.

[quote]Steine, Steine, Steine
[sup]Touristin nach dreistündiger Wanderung über Geröllfelder[/sup][/quote]
[b]Tipps[/b]
[list=1][*]Die meisten Hütten bieten ein "Tent-Camp": Hier könnt ihr für wenige Kronen in der Nähe der Hütten kampieren und die sanitären Anlagen (Toilette, warme Duschen ❤️️, manchmal auch eine Küche) mitbenutzen.[/*][*]Auf dieser Tour müsst ihr stellenweise durch sehr viel Geröll: Euer Schuhwerk sollte demnach nicht nur wasserfest, sondern auch eine entsprechend harte Sohle aufweisen.[/*][*]Wer nach 4 Tagen genug hat oder einem potenziellen Gewitter entkommen möchte, kann mit dem Bus von der Hütte Leirvassbus wieder zum Ausgangspunkt, dem Parkplatz bei Bessheim fahren.[/*][/list]
[h2]Linktipps zur Reiseplanung
[/h2]Wer Lust auf Jotunheim bekommen hat, kann mithilfe dieser Links seine eigene Traumreise planen:

[b]Touren und Inspirationen
[/b][list][*][url=https://www.visitnorway.de/reiseziele/ostnorwegen/das-jotunheimen-gebirge/]visitnorway.de[/url]
[/*][*][urlnt=https://www.komoot.de/collection/108/in-5-tagen-um-den-jotunheimen-in-norwegen]Komoot-Sammlung: In 5 Tagen um den Jotunheimen in Norwegen[/urlnt]
[/*][*][urlnt=https://www.komoot.de/tour/29290625]Komoot-Wanderung: Gletscherbesuch auf dem Sognefjell ─ Fjell & Fjord Norwegen[/urlnt]
[/*][/list][b]Hütten[/b]
[list][*][urlnt=https://www.sognefjellet.no/en?utm_source=visitnorway.de&utm_medium=listing&utm_content=visit-website-link]Sognefjellshytta[/urlnt]
[/*][*][urlnt=https://glitterheim.dnt.no/]Glitterheim[/urlnt]
[/*][*][urlnt=https://www.visitjotunheimen.de/ubernachtung/spiterstulen-touristenhutte-p4024633]Spiterstulen[/urlnt]
[/*][*][urlnt=https://ton.no/no/leirvassbu-fjellstue]Leirvassbu[/urlnt][/*][*][urlnt=https://www.memurubu.no/?utm_content=visit-website-link]Memurubu[/urlnt][/*][/list][h2]Das könnte dich auch interessieren
[/h2]
[eimagepost=26673]Wollgras[/eimagepost]
[earticle=58023 layout=default]Tolle Trekkingrouten[/earticle]
[earticle=58023 layout=image-gallery]Tolle Trekkingrouten[/earticle]
[eeventitem=31542 layout=default]Info-Veranstaltung zum Thema Trekking[/eeventitem]

[h2]Umfrage [sub]Special[/sub][/h2]
[paevent=250]Wie findest du Trekking-Urlaube?[/paevent]

[facebook]https://www.facebook.com/visitnorway/posts/10155680526473837?__tn__=-R[/facebook]
[twitter]https://twitter.com/visitnorway/status/898208402601541632[/twitter]
[instagram]https://www.instagram.com/p/CO3LwVFnGNE/?utm_source=ig_web_copy_link[/instagram]
[tumblr]https://lainphotography.tumblr.com/post/187556277811/norway[/tumblr]

 

Konvertierter Text in der Datenbank

Code Block
<b>Mit über 50 markierten Routen hat der Nationalpark Jotunheimen einiges an Abenteuer zu bieten. Obwohl die "Heimat der Riesen" in Norwegen längst kein touristischer Geheimtipp mehr ist, sind die Routen selten überlaufen.</b>

Für alle, die Lust auf Wanderurlaub in Norwegen haben, habe ich hier zwei Routen und ein paar Tipps zusammengetragen.
<premium-teaser>

<h2>Probelauf im Sognefjell <sup>Tipp</sup>
</h2>[embedcode=3w90robajyc][/embedcode]
Wer seine neue (bzw. schon länger lagernde) Ausrüstung testen möchte, für den bietet sich eine kleine Runde im Sognefjell an. Sollte sich die Sohle von den Wanderschuhen lösen oder die Heringe für das Trekking-Zelt fehlen, kann man jederzeit zum Ausgangspunkt, der Sognefjellshytta (eine Berghütte) zurückkehren.
<div data-media-eimg="3091"></div>

Die Tour lässt sich gut an einem Tag bestreiten, wer in seinem Zelt probeschlafen möchte, kann die Tour auf zwei Teile aufteilen und etwas oberhalb des Sees Utledalstjønne sein Zelt aufschlagen. Achtung: Der Gletscher Bøverbreen ist nicht weit: In der Nacht wird es entsprechend kalt. Am nächsten Tag nimmt man einfach den zweiten Teil der Route auf sich.

Vom Parkplatz bei der Sognefjellshytta ist man mit dem Auto in ca. zwei Stunden in Bessheim am Startpunkt der großen Trekking-Tour durch Jotunheimen:
[map]https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d296146.4361563887!2d8.210653157276628!3d61.686810973618385!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x4615a5ba93d1cb77%3A0xfcefe2db69bc9ba5!2sSognefjellshytta%2C%20Sognefjellsvegen%204974%2C%202687%20B%C3%B8verdalen%2C%20Norwegen!3m2!1d61.565047099999994!2d7.997895499999999!4m5!1s0x46153c2c22cc1ca5%3A0xfadaeb16e4e4fcdd!2sBessheim%20Fjellstue%20og%20Hytter%2C%20Bessheim%20Fjellstue%20AS%2C%20Sjodalsvegen%2C%20Tessanden%2C%20Norwegen!3m2!1d61.514604!2d8.853095999999999!5e0!3m2!1sde!2sus!4v1623765733131!5m2!1sde!2sus[/map]

<h2>In 5 Tagen um den Jotunheimen
</h2>[embedcode=4or62borali][/embedcode]
Die fünftägige Trekking-Tour führt über den berühmten Besseggengrad (mit einer ungesicherten Kletterpartie, bei welcher die türkis-grüne Gjende zwischen den Füße durchscheint, einen Eindruck gibt es <a href="https://www.alamy.de/stockfoto-klettern-den-besseggen-grat-im-nationalpark-jotunheimen-norwegen-72814058.html" onclick="window.open(this.href); return false;" rel="nofollow">hier</a>), durch das idyllisch-sumpfige Russvatnet-Tal, durch Geröll-Felder vorbei am Galdhøpiggen - Norwegens höchster Berg und durch das Tal Visdalen. 
[video]https://www.youtube.com/watch?v=wPxlB2YwLH4[/video]

Die <i>karge, mystische Landschaft</i> hat leider auch zur Folge, dass man <b>sehr lange</b> über <u>Geröllfelder</u> laufen muss.

<blockquote>Steine, Steine, Steine
<sup>Touristin nach dreistündiger Wanderung über Geröllfelder</sup></blockquote>
<b>Tipps</b>
<ol><li>Die meisten Hütten bieten ein "Tent-Camp": Hier könnt ihr für wenige Kronen in der Nähe der Hütten kampieren und die sanitären Anlagen (Toilette, warme Duschen ❤️️, manchmal auch eine Küche) mitbenutzen.</li><li>Auf dieser Tour müsst ihr stellenweise durch sehr viel Geröll: Euer Schuhwerk sollte demnach nicht nur wasserfest, sondern auch eine entsprechend harte Sohle aufweisen.</li><li>Wer nach 4 Tagen genug hat oder einem potenziellen Gewitter entkommen möchte, kann mit dem Bus von der Hütte Leirvassbus wieder zum Ausgangspunkt, dem Parkplatz bei Bessheim fahren.</li></ol>
<h2>Linktipps zur Reiseplanung
</h2>Wer Lust auf Jotunheim bekommen hat, kann mithilfe dieser Links seine eigene Traumreise planen:

<b>Touren und Inspirationen
</b><ul><li><a href="https://www.visitnorway.de/reiseziele/ostnorwegen/das-jotunheimen-gebirge/" rel="nofollow">visitnorway.de</a>
</li><li><a href="https://www.komoot.de/collection/108/in-5-tagen-um-den-jotunheimen-in-norwegen" onclick="window.open(this.href); return false;" rel="nofollow">Komoot-Sammlung: In 5 Tagen um den Jotunheimen in Norwegen</a>
</li><li><a href="https://www.komoot.de/tour/29290625" onclick="window.open(this.href); return false;" rel="nofollow">Komoot-Wanderung: Gletscherbesuch auf dem Sognefjell ─ Fjell &amp; Fjord Norwegen</a>
</li></ul><b>Hütten</b>
<ul><li><a href="https://www.sognefjellet.no/en?utm_source=visitnorway.de&amp;utm_medium=listing&amp;utm_content=visit-website-link" onclick="window.open(this.href); return false;" rel="nofollow">Sognefjellshytta</a>
</li><li><a href="https://glitterheim.dnt.no/" onclick="window.open(this.href); return false;" rel="nofollow">Glitterheim</a>
</li><li><a href="https://www.visitjotunheimen.de/ubernachtung/spiterstulen-touristenhutte-p4024633" onclick="window.open(this.href); return false;" rel="nofollow">Spiterstulen</a>
</li><li><a href="https://ton.no/no/leirvassbu-fjellstue" onclick="window.open(this.href); return false;" rel="nofollow">Leirvassbu</a></li><li><a href="https://www.memurubu.no/?utm_content=visit-website-link" onclick="window.open(this.href); return false;" rel="nofollow">Memurubu</a></li></ul><h2>Das könnte dich auch interessieren
</h2>
<div data-article-eimagepost="26673">Wollgras</div>
<div data-article-earticle="58023" data-article-earticle-layout="default">Tolle Trekkingrouten</div>
<div data-article-earticle="58023" data-article-earticle-layout="image-gallery">Tolle Trekkingrouten</div>
<div data-eventcalendar-eeventitem="31542" data-eventcalendar-eeventitem-layout="default">Info-Veranstaltung zum Thema Trekking</div>

<h2>Umfrage <sub>Special</sub></h2>
[paevent=250]Wie findest du Trekking-Urlaube?[/paevent]

[facebook]https://www.facebook.com/visitnorway/posts/10155680526473837?__tn__=-R[/facebook]
[twitter]https://twitter.com/visitnorway/status/898208402601541632[/twitter]
[instagram]https://www.instagram.com/p/CO3LwVFnGNE/?utm_source=ig_web_copy_link[/instagram]
[tumblr]https://lainphotography.tumblr.com/post/187556277811/norway[/tumblr]

Importe

Das Verhalten für Importe ist hier beschrieben: Verwendung von HTML- & BBCode-Tags bei Importen

Note

Textauszeichnungen müssen als HTML-Tag übergeben werden, für Einbettungen muss BBCode verwendet werden.

Verwandte Seiten

Filter by label (Content by label)
showLabelsfalse
maxCheckboxfalse
showSpacefalse
reversefalse
cqllabel = "basis-portal" and space = "PUPKB"

Include Page
Disclaimer der PEIQ PRINT PPS - Produktdokumentation
Disclaimer der PEIQ PRINT PPS - Produktdokumentation