Editor im PORTAL (BBCode)

Funktionalitäten des Editors im PORTAL

• Ermöglicht die einfache Erstellung von Inhalten im PEIQ PORTAL

• Einfügen von Formatierungen und Einbettungen über Buttons in der Editorleiste oder in der BBCODE-Ansicht über Direkteingabe

• Umschaltmöglichkeit zwischen Rich-Text und BBCODE

Inhaltsverzeichnis

BBCode

Was ist BBCode?

BBCode (von engl. Bulletin Board Code) ist eine an HTML angelehnte, jedoch vereinfachte Auszeichnungssprache, die bevorzugt für die Erstellung von Beiträgen in Webforen (engl. Bulletin Boards) eingesetzt wird. BBCode ist nicht offiziell reglementiert, stellt aber wegen seiner hohen Verbreitung einen Quasi-Standard sowie eine Best Current Practice dar (Wikipedia - BBCode). Eine Übersicht über Best-Practice-BBCodes gibt es hier:

• Wikipedia

• bbcodes.de

• Datenschutzforum BB-Code-Liste

Warum BBCode und kein HTML?

Der BBCode-Editor ist so implementiert, dass nur erlaubte, aktivierte und sicher implementierte Auszeichnungen funktionieren. Im Gegensatz zu HTML-Editoren ist das Rausparsen von nicht erlaubten Code-Elementen nicht mehr notwendig. So werden Sicherheitsprobleme (z.B. über Einbindungen von Javascripts) umgangen.

Benutzer, die das Recht für die Funktion Code einbetten haben, müssen die Sicherheit und Funktionalität der eingefügten HTML-Codes selbst gewährleisten.

Implementierung

Im PORTAL wird der BBCode-Editor vom Beitragsformular, Profil bearbeiten, Veranstaltungsformular, Stellenmarktformular für gestaltete Anzeigen sowie beim Kommentare erstellen in unterschiedlichen Konfigurationen verwendet.

In der Ansicht kann zwischen Rich-Text und BBCODE umgeschaltet werden. Formate können in der BBCODE-Ansicht auch über Direkteingabe angegeben werden. Zudem werden Formatierungen eines kopierten und eingefügten Textes teilweise übernommen.

Der Editor unterstützt Formatierungen sowie verschiedene Arten von Embeds (Einbettungen). Beide Varianten werden über BBCode ausgezeichnet.

Unterstützte Formatierungen

• Zwischenüberschrift (H2): Die Zwischenüberschrift wird als H2 auf der Beitragsdetailseite abgebildet.
  [h2][/h2]

• Fett: [b][/b]

• Kursiv: [i][/i]

• Unterstrichen: [u][/u]

• Hochgestellt: [sup][/sup]

• Tiefgestellt: [sub][/sub]

• Ungeordnete Liste:

[list][*]Erster Punkt 
[/*][*]Zweiter Punkt
[/*][*]Dritter Punkt.  
[/*][*]Vierter Punkt 
[/*][/list]

• Nummerierte / geordnete Liste:

[list=1][*]Erster Punkt 
[/*][*]Zweiter Punkt
[/*][*]Dritter Punkt.  
[/*][*]Vierter Punkt 
[/*][/list]

• Zitat / Blockquote: [quote]Hier steht dann das Zitat [/quote]

• Lesebeschränkung für Premium-Inhalte: [pcrm][/pcrm]

Links

Anchortext und URL-Eingabe werden über ein Formular eingegeben.

Links sind auf standardmäßig auf rel="nofollow" gesetzt, um Google-Strafen zu vermeiden. Siehe Googles Qualitätsrichtlinien. Ausnahmen (z.B. rel="sponsored" bei Anzeigenmarkierung) siehe Meta Tags: nofollow, sponsored & ugc.

[url=http://www.example.com]Ankertext[/url]

Links können über eine Checkbox in einem neuen Fenster geöffnet werden: Der BBCode dazu sieht wie folgt aus:

[url-nt=http://www.example.com]Ankertext[/url]

Embeds / Einbettungen

Social-Media-, Video- & Karten-Embeds

Benutzer haben über Editor-Funktionen (Buttons) die Möglichkeit, externe Videos, Social-Media-Posts und Karten von anderen Plattformen bequem einzubinden. Die Einbindung basiert auf Templates, welche durch PEIQ gepflegt werden.

Es können nur einzelne Beiträge der jeweiligen Plattformen eingebunden werden, nicht jedoch Übersichtsseiten. Zum Einbinden muss die Web-URL bzw. der Einbettungscode verwendet werden.

Für Social-Media-, Video- & Karten-Embeds ist eine Datenschutz-Funktion vorhanden, welche sicherstellen soll, dass keine Übertragung der Daten an die externe Plattform, von welcher der eingebettete Inhalt stammt, ohne Wissen des Seitenbesuchers erfolgt. Details zur Datenschutz-Funktion der Social-Media-, Video- & Karten-Embeds siehe hier.

Mitmachaktion erstellen und einbetten

Eigene Berechtigung erforderlich. Details siehe Aktionen erstellen und Aktionen einbetten.

Code einbetten

Eigene Berechtigung erforderlich. Details siehe Code einbetten.

Bild einbetten

Eigene Berechtigung erforderlich. Ermöglicht es, am Beitrag hochgeladene Bilder im Text des Beitrags/der Veranstaltung einzubetten.

BBCode:

[eimg={idDesBilds}]https://Zielurldesbildes.png[/eimg]

Beitrag oder Bildergalerie einbetten

Eigene Berechtigung erforderlich. Ermöglicht es, Teaser auf Beiträge oder Bildergalerien eines Beitrags im Text des Beitrags/der Veranstaltung einzubetten.

BBCode Beitrag einbetten:

[earticle={idDesBeitrags} layout=default]Überschrift des Beitrags[/earticle]

BBCode Bildergalerie eines Beitrags einbetten:

[earticle={idDesBeitrags} layout=image-gallery]Überschrift des Beitrags[/earticle]

Schnappschuss einbetten

Eigene Berechtigung erforderlich. Ermöglicht es, Teaser auf Schnappschüsse im Text des Beitrags/der Veranstaltung einzubetten.

[[eimagepost={idDesSchnappschuss}]Überschrift des Beitrags[/eimagepost]

Veranstaltungen oder Bildergalerie einbetten

Eigene Berechtigung erforderlich. Ermöglicht es, Teaser auf Veranstaltungen oder Bildergalerien einer Veranstaltung im Text des Beitrags/der Veranstaltung einzubetten.

BBCode Veranstaltung einbetten:

[eeventitem={idDerVeranstaltung} layout=default]Überschrift der Veranstaltung[/eeventitem]

BBCode Bildergalerie einer Veranstaltung einbetten:

[eeventitem={idDerVeranstaltung} layout=image-gallery]Überschrift des Veranstaltung[/eeventitem]

Manuelle Lesebeschränkung für Premium Inhalte

Hängt an der Berechtigung für die Premium-Content Markierung. Ermöglicht es, die ansonsten vom System automatisch eingespielte Lesebeschränkung manuell zu setzen, um den Anreißertext vor der Paywall für eine optimale Leserconversion aufzubereiten.

^{Eingebettete Lesebeschränkung. Der Infotext bietet Tipps für das Einhalten des Best Practice.}

Verwandte Seiten