Referenz der Friendica BBCode Tags
* [Zur Startseite der Hilfe](help)
## Inline
<style> table.bbcodes {
margin: 1em 0; background-color: #f9f9f9; border: 1px solid #aaa; border-collapse: collapse; color: #000; width: 100%;
}
table.bbcodes > tr > th, table.bbcodes > tr > td, table.bbcodes > * > tr > th, table.bbcodes > * > tr > td {
border: 1px solid #aaa; padding: 0.2em 0.4em
}
table.bbcodes > tr > th, table.bbcodes > * > tr > th {
background-color: #f2f2f2; text-align: center; width: 50%
} </style>
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[b]fett[/b]</td> <td><strong>fett</strong></td>
</tr> <tr>
<td>[i]kursiv[/i]</td> <td><em>kursiv</em></td>
</tr> <tr>
<td>[u]unterstrichen[/u]</td> <td><u>unterstrichen</u></td>
</tr> <tr>
<td>[s]durchgestrichen[/s]</td> <td><strike>durchgestrichen</strike></td>
</tr> <tr>
<td>[o]überstrichen[/o]</td> <td><span class="overline">überstrichen</span></td>
</tr> <tr>
<td>[color=red]rot[/color]</td> <td><span style="color: red;">rot</span></td>
</tr> <tr>
<td>[url=http://friendi.ca]Friendica[/url]</td> <td><a href="http://friendi.ca" target="external-link">Friendica</a></td>
</tr> <tr>
<td>[img]https://raw.githubusercontent.com/friendica/friendica/stable/images/friendica-32.jpg[/img]</td> <td><img src="https://raw.githubusercontent.com/friendica/friendica/stable/images/friendica-32.jpg" alt="Immagine/foto"></td>
</tr> <tr>
<td>[img=https://raw.githubusercontent.com/friendica/friendica/stable/images/friendica-32.jpg]Das Friendica Logo[/img]</td> <td><img src="https://raw.githubusercontent.com/friendica/friendica/stable/images/friendica-32.jpg" alt="Das Friendica Logo"></td>
</tr> <tr>
<td>[img=64x32]https://raw.githubusercontent.com/friendica/friendica/stable/images/friendica-32.jpg[/img]<br>
<br>Note: provided height is simply discarded.</td>
<td><img src="https://raw.githubusercontent.com/friendica/friendica/stable/images/friendica-32.jpg" style="width: 64px;"></td>
</tr> <tr>
<td>[size=xx-small]kleiner Text[/size]</td> <td><span style="font-size: xx-small;">kleiner Text</span></td>
</tr> <tr>
<td>[size=xx-large]großer Text[/size]</td> <td><span style="font-size: xx-large;">großer Text</span></td>
</tr> <tr>
<td>[size=20]exakte Größe[/size] (die Größe kann beliebig in Pixeln gewält werden)</td> <td><span style="font-size: 20px;">exakte Größe</span></td>
</tr> <tr>
<td>[font=serif]Serife Schriftart[/font]</td> <td><span style="font-family: serif;">Serife Schriftart</span></td>
</tr> </table>
### Links
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[url]http://friendi.ca[/url]</td> <td><a href="http://friendi.ca">http://friendi.ca</a></td>
</tr> <tr>
<td>[url=http://friendi.ca.com]Friendica[/url]</td> <td><a href="http://friendi.ca.com">Friendica</a></td>
</tr> <tr>
<td>[bookmark]http://friendi.ca[/bookmark]<br><br>
^[url]http://friendi.ca[/url]</td>
<td><span class="oembed link"><h4>Friendica: <a href="http://friendi.ca" rel="oembed"></a><a href="http://friendi.ca" target="_blank" rel="noopener noreferrer">http://friendi.ca</a></h4></span></td>
</tr> <tr>
<td>[bookmark=http://friendi.ca]Lesezeichen[/bookmark]<br><br>
^[url=http://friendi.ca]Lesezeichen[/url]<br><br> [url=http://friendi.ca]^[/url][url=http://friendi.ca]Lesezeichen[/url]</td>
<td><span class="oembed link"><h4>Friendica: <a href="http://friendi.ca" rel="oembed"></a><a href="http://friendi.ca" target="_blank" rel="noopener noreferrer">Lesezeichen</a></h4></span></td>
</tr> <tr>
<td>[url=/posts/f16d77b0630f0134740c0cc47a0ea02a]Diaspora Beitrag mit GUID[/url]</td> <td><a href="/display/f16d77b0630f0134740c0cc47a0ea02a" target="_blank" rel="noopener noreferrer">Diaspora Beitrag mit GUID</a></td>
</tr> <tr>
<td>#Friendica</td> <td>#<a href="/search?tag=Friendica">Friendica</a></td>
</tr> <tr>
<td>@Erwähnung</td> <td>@<a href="javascript:void(0)">Erwähnung</a></td>
</tr> <tr>
<td>acct:account@friendica.host.com (WebFinger)</td> <td><a href="/acctlink?addr=account@friendica.host.com" target="extlink">acct:account@friendica.host.com</a></td>
</tr> <tr>
<td>[mail]user@mail.example.com[/mail]</td> <td><a href="mailto:user@mail.example.com">user@mail.example.com</a></td>
</tr> <tr>
<td>[mail=user@mail.example.com]Eine E-Mail senden[/mail]</td> <td><a href="mailto:user@mail.example.com">Eine E-Mail senden</a></td>
</tr> </table>
## Blocks
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[p]Ein Absatz mit Text[/p]</td> <td><p>Ein Absatz mit Text</p></td>
</tr> <tr>
<td>Eingebetteter [code]Programmcode[/code] im Text</td> <td>Eingebetteter <key>Programmcode</key> im Text</td>
</tr> <tr>
<td>[code]Programmcode<br>über<br>mehrere<br>Zeilen[/code]</td> <td><code>Programmcode
über mehrere Zeilen</code></td> </tr> <tr>
<td>[code=php]function text_highlight($s,$lang)[/code]</td> <td><code><div class="hl-main"><ol class="hl-main"><li><span class="hl-code"> </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">text_highlight</span><span class="hl-brackets">(</span><span class="hl-var">$s</span><span class="hl-code">,</span><span class="hl-var">$lang</span><span class="hl-brackets">)</span></li></ol></div></code></td>
</tr> <tr>
<td>[quote]Zitat[/quote]</td> <td><blockquote>Zitat</blockquote></td>
</tr> <tr>
<td>[quote=Autor]Autor? Ich? Nein, niemals...[/quote]</td> <td><strong class="Autor">Autor hat geschrieben:</strong><blockquote>Autor? Ich? Nein, niemals...</blockquote></td>
</tr> <tr>
<td>[center]zentrierter Text[/center]</td> <td><div style="text-align:center;">zentrierter Text</div></td>
</tr> <tr>
<td>Du solltest nicht weiter lesen, wenn du das Ende des Films nicht vorher erfahren willst. [spoiler]Es gibt ein Happy End.[/spoiler]</td> <td> <div class="wall-item-container"> Du solltest nicht weiter lesen, wenn du das Ende des Films nicht vorher erfahren willst. <br> <span id="spoiler-wrap-0716e642" class="spoiler-wrap fakelink" onclick="openClose('spoiler-0716e642');">Zum öffnen/schließen klicken</span> <blockquote class="spoiler" id="spoiler-0716e642" style="display: none;">Es gibt ein Happy End.</blockquote> <div class="body-attach"><div class="clear"></div></div> </div> </td>
</tr> <tr>
<td>[spoiler=Autor]Spoiler Alarm[/spoiler]</td>
<td>
<div class="wall-item-container">
<strong class="spoiler">Autor hat geschrieben</strong><br>
<span id="spoiler-wrap-a893765a" class="spoiler-wrap fakelink" onclick="openClose('spoiler-a893765a');">Zum öffnen/schließen klicken</span>
<blockquote class="spoiler" id="spoiler-a893765a" style="display: none;">Spoiler Alarm</blockquote>
<div class="body-attach"><div class="clear"></div></div>
</div>
</td>
</tr> <tr>
<td>[hr] (horizontale Linie)</td> <td><hr></td>
</tr> </table>
### Überschriften
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[h1]Titel 1[/h1]</td> <td><h1>Titel 1</h1></td>
</tr> <tr>
<td>[h2]Titel 2[/h2]</td> <td><h2>Titel 2</h2></td>
</tr> <tr>
<td>[h3]Titel 3[/h3]</td> <td><h3>Titel 3</h3></td>
</tr> <tr>
<td>[h4]Titel 4[/h4]</td> <td><h4>Titel 4</h4></td>
</tr> <tr>
<td>[h5]Titel 5[/h5]</td> <td><h5>Titel 5</h5></td>
</tr> <tr>
<td>[h6]Titel 6[/h6]</td> <td><h6>Titel 6</h6></td>
</tr> </table>
### Tabellen
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[table]<br>
[tr]<br> [th]Kopfzeile 1[/th]<br> [th]Kopfzeile 2[/th]<br> [th]Kopfzeile 2[/th]<br> [/tr]<br> [tr]<br> [td]Zelle 1[/td]<br> [td]Zelle 2[/td]<br> [td]Zelle 3[/td]<br> [/tr]<br> [tr]<br> [td]Zelle 4[/td]<br> [td]Zelle 5[/td]<br> [td]Zelle 6[/td]<br> [/tr]<br> [/table]</td>
<td>
<table>
<tbody>
<tr>
<th>Kopfzeile 1</th>
<th>Kopfzeile 2</th>
<th>Kopfzeile 3</th>
</tr>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
<td>Zelle 3</td>
</tr>
<tr>
<td>Zelle 4</td>
<td>Zelle 5</td>
<td>Zelle 6</td>
</tr>
</tbody>
</table>
</td>
</tr> <tr>
<td>[table border=0]</td>
<td>
<table border="0">
<tbody>
<tr>
<th>Kopfzeile 1</th>
<th>Kopfzeile 2</th>
<th>Kopfzeile 3</th>
</tr>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
<td>Zelle 3</td>
</tr>
<tr>
<td>Zelle 4</td>
<td>Zelle 5</td>
<td>Zelle 6</td>
</tr>
</tbody>
</table>
</td>
</tr> <tr>
<td>[table border=1]</td>
<td>
<table border="1">
<tbody>
<tr>
<th>Kopfzeile 1</th>
<th>Kopfzeile 2</th>
<th>Kopfzeile 3</th>
</tr>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
<td>Zelle 3</td>
</tr>
<tr>
<td>Zelle 4</td>
<td>Zelle 5</td>
<td>Zelle 6</td>
</tr>
</tbody>
</table>
</td>
</tr> </table>
### Listen
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[ul]<br>
[li] Erstes Listenelement<br> [li] Zweites Listenelement<br> [/ul]<br> [list]<br> [*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td> <ul class="listbullet" style="list-style-type: circle;"> <li>Erstes Listenelement</li> <li>Zweites Listenelement</li> </ul> </td>
</tr> <tr>
<td>[ol]<br>
[*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/ol]<br> [list=1]<br> [*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td>
<ul class="listdecimal" style="list-style-type: decimal;">
<li> Erstes Listenelement</li>
<li> Zweites Listenelement</li>
</ul>
</td>
</tr> <tr>
<td>[list=]<br>
[*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td>
<ul class="listnone" style="list-style-type: none;">
<li> Erstes Listenelement</li>
<li> Zweites Listenelement</li>
</ul>
</td>
</tr> <tr>
<td>[list=i]<br>
[*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td>
<ul class="listlowerroman" style="list-style-type: lower-roman;">
<li> Erstes Listenelement</li>
<li> Zweites Listenelement</li>
</ul>
</td>
</tr> <tr>
<td>[list=I]<br>
[*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td>
<ul class="listupperroman" style="list-style-type: upper-roman;">
<li> Erstes Listenelement</li>
<li> Zweites Listenelement</li>
</ul>
</td>
</tr> <tr>
<td>[list=a]<br>
[*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td>
<ul class="listloweralpha" style="list-style-type: lower-alpha;">
<li> Erstes Listenelement</li>
<li> Zweites Listenelement</li>
</ul>
</td>
</tr> <tr>
<td>[list=A]<br>
[*] Erstes Listenelement<br> [*] Zweites Listenelement<br> [/list]</td>
<td>
<ul class="listupperalpha" style="list-style-type: upper-alpha;">
<li> Erstes Listenelement</li>
<li> Zweites Listenelement</li>
</ul>
</td>
</tr> </table>
## Einbetten
Du kannst Videos, Musikdateien und weitere Dinge in Beiträgen einbinden.
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[video]url[/video]</td> <td>Wobei die *url* eine URL von youtube, vimeo, soundcloud oder einer anderen Plattform sein kann, die die opengraph Spezifikationen unterstützt.</td>
</tr> <tr>
<td>[video]URL der Videodatei[/video]
[audio]URL der Musikdatei[/audio]</td>
<td>Die komplette URL einer ogg/ogv/oga/ogm/webm/mp4/mp3 Datei angeben, diese wird dann mit einem HTML5-Player angezeigt.</td>
</tr> <tr>
<td>[youtube]Youtube URL[/youtube]</td> <td>Youtube Video mittels OEmbed anzeigen. Kann u.U, den Player nicht einbetten.</td>
</tr> <tr>
<td>[youtube]Youtube video ID[/youtube]</td> <td>Youtube-Player im iframe einbinden.</td>
</tr> <tr>
<td>[vimeo]Vimeo URL[/vimeo]</td> <td>Vimeo Video mittels OEmbed anzeigen. Kann u.U, den Player nicht einbetten.</td>
</tr> <tr>
<td>[vimeo]Vimeo video ID[/vimeo]</td> <td>Vimeo-Player im iframe einbinden.</td>
</tr> <tr>
<td>[embed]URL[/embed]</td> <td>OEmbed rich content einbetten.</td>
</tr> <tr>
<td>[iframe]URL[/iframe]</td> <td>General embed, iframe size is limited by the theme size for video players.</td>
</tr> <tr>
<td>[url]*url*[/url]</td>
<td>Wenn *url* die OEmbed- oder Opengraph-Spezifikationen unterstützt, wird das Objekt eingebettet (z.B. Dokumente von scribd).
Ansonsten wird der Titel der Seite mit der URL verlinkt.</td>
</tr> </table>
## Karten
Das Einbetten von Karten benötigt das „openstreetmap“ oder das „Google Maps“ Addon. Wenn keines der Addons aktiv ist, werden stattdeßen die Kordinaten angezeigt-
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[map]Adresse[/map]</td> <td>Bindet eine Karte ein, auf der die angegebene Adresse zentriert ist.</td>
</tr> <tr>
<td>[map=lat,long]</td> <td>Bindet eine Karte ein, die auf die angegebenen Koordinaten zentriert ist.</td>
</tr> <tr>
<td>[map]</td> <td>Bindet eine Karte ein, die auf die Position des Beitrags zentriert ist.</td>
</tr> </table>
## Zusammenfassungen für lange Beiträge
Wenn du deine Beiträge auf anderen Netzwerken von Drittanbietern verbreiten möchtest, z.B. Twitter, könntest du Probleme mit deren Zeichenbegrenzung haben.
Friendica verwendet einen semi-inelligenten Mechanismus um passende Zusammenfassungen zu erstellen. Du kannst allerdings auch selbst die Zusammenfassungen erstellen, die auf den unterschiedlichen Netzwerken angezeigt werden. Um dies zu tun, verwendest du den [abstract]-Tag.
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>[abstract]Unglaublich interessant! Muss man gesehen haben! Unbedingt dem Link folgen![/abstract]<br>
Ich möchte euch eine unglaublich langweilige Geschichte erzählen, die ihr sicherlich niemals hören wolltet.</td>
<td>Auf Twitter würde folgender Text verlffentlicht werden <blockquote>Unglaublich interessant! Muss man gesehen haben! Unbedingt dem Link folgen!</blockquote>
Wohingegen auf Friendica folgendes stehen würde <blockquote>Ich möchte euch eine unglaublich langweilige Geschichte erzählen, die ihr sicherlich niemals hören wolltet.</blockquote></td> </tr> </table>
Wenn du magst, kannst du auch unterschiedliche Zusammenfassungen für die unterschiedlichen Netzwerke verwenden.
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>
[abstract]Hey Leute, hier sind meines neuesten Bilder![/abstract]<br> [abstract=twit]Hallo liebe Twitter Follower. Wollt ihr meine neuesten Bilder sehen?[/abstract]<br> [abstract=apdn]Moin liebe Follower auf ADN. Ich habe einige neue Bilder gemacht, die ich euch gerne zeigen will.[/abstract]<br> Heute war ich im Wald unterwegs und habe einige wirklich schöne Bilder gemacht…</td>
<td>Für Twitter und App.net wird Friendica in diesem Fall die speziell definierten Zusammenfassungen Verwenden. Für andere Netzwerke (wie z.B. bei der Verwendung des GNU Social Konnektors zum Veröffentlichen auf deinen GNU Social Account) würde die allgemeine Zusammenfassung verwenden.</td>
</tr> </table>
Wenn du beispielsweise den „buffer“-Konnektor verwendest um Beiträge nach Facebook und Google+ zu senden, dort aber nicht den gesamten Blogbeitrag posten willst sondern nur einen Anreißer, kannst du dies mit dem [abstract]-Tag realisieren.
Bei Netzwerken wie Facebook oder Google+, die selbst kein Zeichenlimit haben wird das [abstract]-Element allerdings nicht grundsätzlich verwendet. Daher müssen diese Netzwerke explizit genannt werden.
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>
[abstract]Dieser Tage hatte ich eine ungewöhnliche Begegnung…[/abstract]<br> [abstract=goog]Hey liebe Google+ Follower. Habt ich schon meinen neuesten Blog-Beitrag gelesen?[/abstract]<br> [abstract=face]Hallo liebe Facebook Freunde. Letztens ist mir etwas wirklich schönes paßiert.[/abstract]<br> Als ich die Bilder im Wald aufgenommen habe, hatte ich eine wirklich ungewöhnliche Begegnung…</td>
<td>Auf Google und Facebook würde nun die entsprechende Zusammenfassung verbreitet. Für andere Netzwerke würde die allgemeine Zusammenfassung verwendet werden.<br>
<br>Auf Friendica wird weiterhin keine Zusammenfassung angezeigt.</td> </tr> </table>
Für Verbindungen zu Netzwerken, zu denen Friendica den HTML Code postet, wie Tumblr, Wordpress oder Pump.io wird das [abstract] Element nicht verwendet. Bei nativen Verbindungen; das heißt zu z.B. Friendica, Hubzilla, Diaspora oder GNU Social Kontakten; wird der ungekürzte Beitrag übertragen. Die Instanz des Kontakts kümmert sich um die Darstellung.
Wird ein Beitrag über das ActivityPub Protokoll übermittelt, wird der Text des Abstracts für das „summary“ (Zusammenfassung) Feld verwendet. Dieses Feld wird von Mastodon für die Inhaltswarnung (content warning) verwendet.
## Special
<table class=„bbcodes“> <tr>
<th>BBCode</th> <th>Ergebnis</th>
</tr> <tr>
<td>Wenn du verhindern möchtest, daß der BBCode in einer Nachricht interpretiert wird, kannst du die [noparse], [nobb] oder [pre] Tag verwenden:<br>
<ul>
<li>[noparse][b]fett[/b][/noparse]</li>
<li>[nobb][b]fett[/b][/nobb]</li>
<li>[pre][b]fett[/b][/pre]</li>
</ul>
</td>
<td>[b]fett[/b]</td>
</tr> <tr>
<td>[nosmile] kann verwendet werden um für einen Beitrag das umsetzen von Smilies zu verhindern.<br>
<br>
[nosmile] ;-) :-O
</td>
<td>;-) :-O</td>
</tr> <tr>
<td>Benutzerdefinierte Inline-Styles<br>
<br> [style=text-shadow: 0 0 4px CC0000;]Du kannst alle CSS-Eigenschaften eines Blocks ändern-[/style]</td>
<td><span style="text-shadow: 0 0 4px #cc0000;;">Du kannst alle CSS-Eigenschaften eines Blocks ändern-</span></td>
</tr> <tr>
<td>Benutzerdefinierte CSS Klassen<br>
<br> [class=custom]Wenn die vergebene Klasse in den CSS Anweisungen existiert, wird sie angewandt.[/class]</td>
<td><pre><span class="custom">Wenn die<br>
vergebene Klasse in den CSS Anweisungen<br> existiert,wird sie angewandt.</span></pre></td> </tr> </table>