-Inline Tags
------
-
-
-<pre>[b]fett[/b]</pre> : <strong>fett</strong>
-
-<pre>[i]kursiv[/i]</pre> : <em>kursiv</em>
-
-<pre>[u]unterstrichen[/u]</pre> : <u>unterstrichen</u>
-
-<pre>[s]durchgestrichen[/s]</pre> : <strike>durchgestrichen</strike>
-
-<pre>[color=red]rot[/color]</pre> : <span style="color: red;">rot</span>
-
-<pre>[url=http://www.friendica.com]Friendica[/url]</pre> : <a href="http://www.friendica.com" target="external-link">Friendica</a>
-
-<pre>[img]http://friendica.com/sites/default/files/friendika-32.png[/img]</pre> : <img src="http://friendica.com/sites/default/files/friendika-32.png" alt="Immagine/foto">
-
-<pre>[size=xx-small]kleiner Text[/size]</pre> : <span style="font-size: xx-small;">kleiner Text</span>
-
-<pre>[size=xx-large]groß Text[/size]</pre> : <span style="font-size: xx-large;">großer Text</span>
-
-<pre>[size=20]exakte Textgröße[/size] (Textgröße kann jede Zahl sein, in Pixeln)</pre> : <span style="font-size: 20px;">exakte Größe</span>
-
-
-
-
-
-
-
-Block Tags
------
-
-<pre>[code]Code[/code]</pre>
-
-<code>Code</code>
-
-<p style="clear:both;"> </p>
-
-<pre>[quote]Zitat[/quote]</pre>
-
-<blockquote>Zitat</blockquote>
-
-<p style="clear:both;"> </p>
-
-<pre>[quote=Autor]Der Autor? Ich? Nein, nein, nein...[/quote]</pre>
-
-<strong class="author">Autor hat geschrieben:</strong><blockquote>Der Autor? Ich? Nein, nein, nein...</blockquote>
-
-<p style="clear:both;"> </p>
-
-<pre>[center]zentrierter Text[/center]</pre>
-
-<div style="text-align:center;">zentrierter Text</div>
-
-<p style="clear:both;"> </p>
-
-<pre>Wer überrascht werden möchte sollte nicht weiter lesen.[spoiler]Es gibt ein Happy End.[/spoiler]</pre>
-
-Wer überrascht werden möchte sollte nicht weiter lesen.<br />*klicken zum öffnen/schließen*
-
-(Der Text zweischen dem öffnenden und dem schließenden Teil des spoiler Tags wird nicht angezeigt, bis der Link angeklickt wurde. In dem Fall wird *"Es gibt ein Happy End."* also erst angezeigt, wenn der Spoiler verraten wird.)
-
-<p style="clear:both;"> </p>
-
-**Tabelle**
-<pre>[table border=1]
- [tr]
- [th]Tabellenzeile[/th]
- [/tr]
- [tr]
- [td]haben Überschriften[/td]
- [/tr]
-[/table]</pre>
-
-<table border="1"><tbody><tr><th>Tabellenzeile</th></tr><tr><td>haben Überschriften</td></tr></tbody></table>
-
-<p style="clear:both;"> </p>
-
-**Listen**
-
-<pre>[list]
- [*] Erstes Listenelement
- [*] Zweites Listenelement
-[/list]</pre>
-<ul class="listbullet" style="list-style-type: circle;">
-<li> Erstes Listenelement<br>
-</li>
-<li> Zweites Listenelement</li>
-</ul>
-
-[list] ist Equivalent zu [ul] (unsortierte Liste).
-
-[ol] kann anstelle von [list] verwendet werden um eine sortierte Liste zu erzeugen:
-
-<pre>[ol]
- [*] Erstes Listenelement
- [*] Zweites Listenelement
-[/ol]</pre>
-<ul class="listdecimal" style="list-style-type: decimal;"><li>Erstes Listenelement<br></li><li> Zweites Listenelement</li></ul>
-
-Für weitere Optionen von sortierten Listen kann man den Stil der Numerierung der Liste definieren:
-<pre>[list=1]</pre> : dezimal
-
-<pre>[list=i]</pre> : römisch, Kleinbuchstaben
-
-<pre>[list=I]</pre> : römisch, Großbuchstaben
-
-<pre>[list=a]</pre> : alphabetisch, Kleinbuchstaben
-
-<pre>[list=A] </pre> : alphabethisch, Großbuchstaben
-
-
-
-
-Einbettung von Inhalten
-------
-
-Man kann viele Dinge, z.B. Video und Audio Dateine, in Nachrichten einbetten.
-
-<pre>[video]url[/video]</pre>
-<pre>[audio]url[/audio]</pre>
-
-Wobei die *url* von youtube, vimeo, soundcloud oder einer anderen Seite stammen kann die die oembed oder opengraph Spezifikationen unterstützt.
-Außerdem kann *url* die genaue url zu einer ogg Datei sein, die dann per HTML5 eingebunden wird.
-
-<pre>[url]*url*[/url]</pre>
-
-Wenn *url* entweder oembed oder opengraph unterstützt wird das eingebettete
-Objekt (z.B. ein Dokument von scribd) eingebunden.
-Der Titel der Seite mit einem Link zur *url* wird ebenfalls angezeigt.
-
-
-
-Spezielle Tags
--------
-
-Wenn Du über BBCode Tags in einer Nachricht schreiben möchtest, kannst Du [noparse], [nobb] oder [pre] verwenden um den BBCode Tags vor der Evaluierung zu schützen:
-
-<pre>[noparse][b]fett[/b][/noparse]</pre> : [b]fett[/b]
-
+## 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/master/images/friendica-32.jpg[/img]</td>
+ <td><img src="https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg" alt="Immagine/foto"></td>
+</tr>
+<tr>
+ <td>[img=64x32]https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg[/img]<br>
+<br>Note: provided height is simply discarded.</td>
+ <td><img src="https://raw.githubusercontent.com/friendica/friendica/master/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">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">Lesezeichen</a></h4></span></td>
+</tr>
+<tr>
+ <td>[url=/posts/f16d77b0630f0134740c0cc47a0ea02a]Diaspora Beitrag mit GUID[/url]</td>
+ <td><a href="/display/f16d77b0630f0134740c0cc47a0ea02a" target="_blank">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.
+
+## 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>