Versions Compared

Key

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

...

Sobald ein Inhalt gespeichert und in die Datenbank übertragen wird, werden die eingegebenen BBCodes teilweise in HTML konvertiert, bevor der Text in der Datenbank abgelegt wird. Andere BBCodes werden beibehalten. Weitere Informationen finden sich hier: Ablage des BBCode-Textes in der Datenbank

Öffnet man den Inhalt im Editor, so werden die unterstützten HTML-Tags wieder als BBCode angezeigt, sodass diese ohne Probleme bearbeitet werden können.

...

Prinzipiell gibt es keine Filterung von HTML-Tags bei der Darstellung von Inhalten, sie werden direkt und ohne Escaping ausgegeben. Es ist also möglich, über die verschiedenen API- und Import-Funktionen beliebigen HTML-Code in das Portal einzuspielen.

Bearbeitet man aber im Editor einen solchen Inhalt, so werden die nicht unterstützten HTML-Tags in Entities umgewandelt und damit beim Speichern unbrauchbar gemacht.

...

Textauszeichnungen müssen bei Importen als HTML-Tag übergeben werden. Sofern die unten aufgelistete Syntax eingehalten wurde, können die Inhalte im Editor normal bearbeitet werden.

Unterstützte HTML-Tags

Beschreibung

HTML-Tag beim Import

Anzeige im Editor

Zwischenüberschrift

<h2>

[h2]

Fett

<b>

[b]

Kursiv

<i>

[i]

Unterstrichen

<u>)

[u]

Hochgestellt

<sup>

[sup]

Tiefgestellt

<sub>

[sub]

Ungeordnete Liste

 

<ul>

Beispiel:

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

[list][*]

Beispiel:

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

Geordnete Liste

<ol>

Beispiel:

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

[list=1][*]

Beispiel:

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

Zitat

<quote> -Tag (HTML)

Beispiel:

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

[quote]

Beispiel:

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

Hyperlink

 

<a> -Tag (HTML)

Beispiel:

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

[url]

Beispiel:

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

Hyperlink, der in einem neuen Fenster öffnet.

<a> -Tag (HTML)

Beispiel:

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

[urlnt]

Beispiel:

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

Absätze können beim Import über das Steuerzeichen “\n” eingefügt werden.

Hinweise zu <a>-Tags

Über den Editor eingegebene Links werden beim Speichern des Inhalts direkt mit dem korrekten rel-Attribut versehen. Details finden sich hier: nofollow, sponsored & ugc

...

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

Beschreibung

Tag beim Import

Anzeige im Editor

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

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

Ein im Text eingebetteter Medienstream.

Code Block
<div data-media-estm="{Medienstream-ID}"></div>
Code Block
[estm={Medienstream-ID}]Ziel-URL des Vorschaubilds[/estm]

Eingebetteter Teaser auf einen Beitrag.

  • data-article-earticle-layout="default": Anzeige als normale Teaser-Card

  • data-article-earticle-layout="image-gallery": Anzeige als Bildergalerie-Teaser-Card

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

 

Code Block
[earticle={Beitrag-ID} layout=default]Überschrift des Beitrags[/earticle]
[earticle={Beitrag-ID} layout=image-gallery]Überschrift des Beitrags[/earticle]

Eingebetteter Teaser auf einen Schnappschuss.

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

Eingebetteter Teaser auf eine Veranstaltung.

  • data-eventcalendar-eeventitem-layout="default": Anzeige als normale Teaser-Card

  • data-eventcalendar-eeventitem-layout="image-gallery": Anzeige als Bildergalerie-Teaser-Card

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

Eingebettete Aktion. Weitere Informationen zu Aktionen finden sich hier.

Code Block
[paevent={Aktion-ID}]Titel der Aktion[/paevent]

 

Code Block
[paevent={Aktion-ID}]Titel der Aktion[/paevent]

Markierung der Lesebeschränkung bei Premium-Inhalten

Die Markierung der Lesebeschränkung bei Premium-Inhalten muss als HTML-Tag importiert werden:

Beschreibung

Ablage in der Datenbank

Anzeige im Editor

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

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

 

 

Exporte

Das Verhalten bei Exporten ist hier beschrieben: Ablage des BBCode-Textes in der Datenbank

...

Filter by label (Content by label)
showLabelsfalse
maxmaxCheckbox15false
showSpacefalse
reversefalse
cqllabel IN ( = "databasis-exchange" , "api" ) AND portal" and space = "PPSD"PUPKB"

Include Page
Disclaimer der PEIQ PORTAL - Produktdokumentation
Disclaimer der PEIQ PORTAL - Produktdokumentation

Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/AAShAw