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
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
der eingegebene BBCode als Platzhalter beibehalten
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:
PEIQ-XML-Beitragsexport
Download (einzelner Beitrag)
Benutzer API (Profilinfo)
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 |
|---|---|---|
| Zwischenüberschrift |
|
| Fett |
|
| Kursiv |
|
| Unterstrichen |
|
| Hochgestellt |
|
| Tiefgestellt |
|
| Ungeordnete Liste Beispiel: [list][*]Eins[/*][*]Zwei[/*][*]Drei[/*][/list] |
<ul><li>Eins</li><li>Zwei</li><li>Drei</li></ul> |
| Geordnete Liste Beispiel: [list=1][*]Eins[/*][*]Zwei[/*][*]Drei[/*][/list] |
<ol><li>Eins</li><li>Zwei</li><li>Drei</li></ol> |
| Zitat [quote]Gute Geschichten erfolgreich machen[/quote] |
<quote>Gute Geschichten erfolgreich machen<quote> |
| Hyperlink Beispiel: [url=https://www.google.de]Google[/url] |
Beispiel: <a href="https://www.google.com" rel="nofollow">Google</a> |
| Hyperlink, der in einem neuen Fenster öffnet. Beispiel: [urlnt=https://www.google.com]Google[/urlnt] |
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 |
|---|---|---|
| Einbettung von Videos. Unterstützt werden Youtube, Vimeo und APA. Innerhalb der Tags muss die URL des Videos stehen. [video]https://www.youtube.com/watch?v=wZb5SGpv3RU[/video] [video]https://vimeo.com/54785974[/video] | [video]URL des Videos[/video] |
| 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. 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 | [map]iFrame-src-URL der eingebetteten Karte[/map] |
| Einbindung eines Twitter-Posts. twitter]Twitter-URL[/twitter] | [twitter]Twitter-URL[/twitter] |
| Einbindung eines Instagram-Posts. [instagram]Instagram-URL[/instagram] | [instagram]Instagram-URL[/instagram] |
| Einbindung eines Facebook-Posts. [facebook]Facebook-URL[/facebook] | [facebook]Facebook-URL[/facebook] |
| Einbindung eines Tumblr-Posts. [tumblr]Tumblr-URL[/tumblr] | [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 |
|---|---|---|
| Ein am Beitrag hochgeladenes Bild, welches im Text des Beitrags eingebettet wurde. [eimg={idDesBilds}]https://Zielurldesbildes.png[/eimg]
| <div data-media-eimg="ID des Bildes"></div> |
| Eingebetteter Teaser auf einen Beitrag. [earticle={idDesBeitrags} layout=default]Überschrift des Beitrags[/earticle]
[earticle={idDesBeitrags} layout=image-gallery]Überschrift des Beitrags[/earticle]
| <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>
|
| Eingebetteter Teaser auf einen Schnappschuss. [eimagepost={idDesSchnappschuss}]Überschrift des Beitrags[/eimagepost]
| <div data-article-eimagepost="idDesSchnappschuss">Überschrift des Beitrags</div> |
| Eingebetteter Teaser auf eine Veranstaltung. [eeventitem={idDerVeranstaltung} layout=default]Überschrift der Veranstaltung[/eeventitem]
[eeventitem={idDerVeranstaltung} layout=image-gallery]Überschrift des Veranstaltung[/eeventitem]
| <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> |
| Eingebettete Aktion. Weitere Informationen zu Aktionen finden sich hier. [paevent=IDderArktion]Titel der Aktion[/paevent] | [paevent=IDderArktion]Titel der Aktion[/paevent]
|
| Code, der über die Code-Einbetten-Funktion im Text eingefügt wurde. Weitere Informationen zur Funktion finden sich hier. Beispiel: [embedcode=xoinobo5gs][/embedcode] | [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 |
|---|---|---|
| Markierung der Lesebeschränkung bei Premium-Inhalten. Weitere Informationen zur Lesebeschreänkung finden sich hier. [pcrm][/pcrm] | <premium-teaser> |
Beispiel für einen konvertierten Text:
Anzeige im BBCode-Editor
[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
<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 & Fjord Norwegen</a> </li></ul><b>Hütten</b> <ul><li><a href="https://www.sognefjellet.no/en?utm_source=visitnorway.de&utm_medium=listing&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
Textauszeichnungen müssen als HTML-Tag übergeben werden, für Einbettungen muss BBCode verwendet werden.