]> git.mxchange.org Git - friendica.git/blobdiff - doc/de/BBCode.md
Merge pull request #6013 from JonnyTischbein/issue_comment_media_link_prompt
[friendica.git] / doc / de / BBCode.md
index d299072d61c7285875d5267d13d66424e441c84d..81dfcddc1327f897831fd103b7a76b9d2b38ced7 100644 (file)
@@ -3,189 +3,616 @@ Referenz der Friendica BBCode Tags
 
 * [Zur Startseite der Hilfe](help)
 
-Inline Tags
------
+## 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]&uuml;berstrichen[/o]</td>
+  <td><span class="overline">&uuml;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&szlig;er Text[/size]</td>
+  <td><span style="font-size: xx-large;">gro&szlig;er Text</span></td>
+</tr>
+<tr>
+  <td>[size=20]exakte Gr&ouml;&szlig;e[/size] (die Gr&ouml;&szlig;e kann beliebig  in Pixeln gew&auml;lt werden)</td>
+  <td><span style="font-size: 20px;">exakte Gr&ouml;&szlig;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&auml;hnung</td>
+  <td>@<a href="javascript:void(0)">Erw&auml;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>&uuml;ber<br>mehrere<br>Zeilen[/code]</td>
+  <td><code>Programmcode
+&uuml;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">&nbsp;</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 &ouml;ffnen/schlie&szlig;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 &ouml;ffnen/schlie&szlig;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>
+
+### &Uuml;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>
+&nbsp;&nbsp;[tr]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[th]Kopfzeile 1[/th]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[th]Kopfzeile 2[/th]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[th]Kopfzeile 2[/th]<br>
+&nbsp;&nbsp;[/tr]<br>
+&nbsp;&nbsp;[tr]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[td]Zelle 1[/td]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[td]Zelle 2[/td]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[td]Zelle 3[/td]<br>
+&nbsp;&nbsp;[/tr]<br>
+&nbsp;&nbsp;[tr]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[td]Zelle 4[/td]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[td]Zelle 5[/td]<br>
+&nbsp;&nbsp;&nbsp;&nbsp;[td]Zelle 6[/td]<br>
+&nbsp;&nbsp;[/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>
+&nbsp;&nbsp;[li] Erstes Listenelement<br>
+&nbsp;&nbsp;[li] Zweites Listenelement<br>
+[/ul]<br>
+[list]<br>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] Zweites Listenelement<br>
+[/ol]<br>
+[list=1]<br>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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>
+&nbsp;&nbsp;[*] Erstes Listenelement<br>
+&nbsp;&nbsp;[*] 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&auml;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&uuml;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&uuml;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&ouml;tigt das "openstreetmap" oder das "Google Maps" Addon.
+Wenn keines der Addons aktiv ist, werden stattde&szlig;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&uuml;r lange Beitr&auml;ge
+
+Wenn du deine Beitr&auml;ge auf anderen Netzwerken von Drittanbietern verbreiten m&ouml;chtest, z.B. Twitter, k&ouml;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&ouml;chte euch eine unglaublich langweilige Geschichte erz&auml;hlen, die ihr sicherlich niemals h&ouml;ren wolltet.</td>
+  <td>Auf Twitter w&uuml;rde folgender Text verlffentlicht werden <blockquote>Unglaublich interessant! Muss man gesehen haben! Unbedingt dem Link folgen!</blockquote>
+Wohingegen auf Friendica folgendes stehen w&uuml;rde <blockquote>Ich m&ouml;chte euch eine unglaublich langweilige Geschichte erz&auml;hlen, die ihr sicherlich niemals h&ouml;ren wolltet.</blockquote></td>
+</tr>
+</table>
+
+Wenn du magst, kannst du auch unterschiedliche Zusammenfassungen f&uuml;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&ouml;ne Bilder gemacht...</td>
+  <td>F&uuml;r Twitter und App.net wird Friendica in diesem Fall die speziell definierten Zusammenfassungen Verwenden. F&uuml;r andere Netzwerke (wie z.B. bei der Verwendung des GNU Social Konnektors zum Ver&ouml;ffentlichen auf deinen GNU Social Account) w&uuml;rde die allgemeine Zusammenfassung verwenden.</td>
+</tr>
+</table>
+
+Wenn du beispielsweise den "buffer"-Konnektor verwendest um Beitr&auml;ge nach Facebook und Google+ zu senden, dort aber nicht den gesamten Blogbeitrag posten willst sondern nur einen Anrei&szlig;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&auml;tzlich verwendet.
+Daher m&uuml;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&ouml;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&ouml;nes pa&szlig;iert.[/abstract]<br>
+Als ich die Bilder im Wald aufgenommen habe, hatte ich eine wirklich ungew&ouml;hnliche Begegnung...</td>
+  <td>Auf Google und Facebook w&uuml;rde nun die entsprechende Zusammenfassung verbreitet. F&uuml;r andere Netzwerke w&uuml;rde die allgemeine Zusammenfassung verwendet werden.<br>
+<br>Auf Friendica wird weiterhin keine Zusammenfassung angezeigt.</td>
+</tr>
+</table>
+
+F&uuml;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&szlig;t zu z.B. Friendica, Hubzilla, Diaspora oder GNU Social Kontakten; wird der ungek&uuml;rzte Beitrag &uuml;bertragen.
+Die Instanz des Kontakts k&uuml;mmert sich um die Darstellung.
+
+## Special
+
+<table class="bbcodes">
+<tr>
+  <th>BBCode</th>
+  <th>Ergebnis</th>
+</tr>
+<tr>
+  <td>Wenn du verhindern m&ouml;chtest, da&szlig; 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&uuml;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 &auml;ndern-[/style]</td>
+  <td><span style="text-shadow: 0 0 4px #cc0000;;">Du kannst alle CSS-Eigenschaften eines Blocks &auml;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>&lt;span class="custom"&gt;Wenn die<br>
+vergebene Klasse in den CSS Anweisungen<br>
+existiert,wird sie angewandt.&lt;/span&gt;</pre></td>
+</tr>
+</table>
 
-
-<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&szlig; Text[/size]</pre> : <span style="font-size: xx-large;">gro&szlig;er Text</span>
-
-<pre>[size=20]exakte Textgr&ouml;&szlig;e[/size] (Textgr&ouml;&szlig;e kann jede Zahl sein, in Pixeln)</pre> :  <span style="font-size: 20px;">exakte Gr&ouml;&szlig;e</span>
-
-
-
-
-
-
-
-Block Tags
------
-
-<pre>[code]Code[/code]</pre>
-
-<code>Code</code>
-
-<p style="clear:both;">&nbsp;</p>
-
-<pre>[quote]Zitat[/quote]</pre>
-
-<blockquote>Zitat</blockquote>
-
-<p style="clear:both;">&nbsp;</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;">&nbsp;</p>
-
-<pre>[center]zentrierter Text[/center]</pre>
-
-<div style="text-align:center;">zentrierter Text</div>
-
-<p style="clear:both;">&nbsp;</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;">&nbsp;</p>
-
-**Tabelle**
-<pre>[table border=1]
- [tr] 
-   [th]Tabellenzeile[/th]
- [/tr]
- [tr]
-   [td]haben &Uuml;berschriften[/td]
- [/tr]
-[/table]</pre>
-
-<table border="1"><tbody><tr><th>Tabellenzeile</th></tr><tr><td>haben &Uuml;berschriften</td></tr></tbody></table>
-
-<p style="clear:both;">&nbsp;</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&uuml;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&ouml;misch, Kleinbuchstaben
-
-<pre>[list=I]</pre> : r&ouml;misch, Gro&szlig;buchstaben
-
-<pre>[list=a]</pre> : alphabetisch, Kleinbuchstaben
-
-<pre>[list=A] </pre> : alphabethisch, Gro&szlig;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&uuml;tzt.
-Au&szlig;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.
-
-Um eine Karte in einen Beitrag einzubinden, muss das *openstreetmap* Addon aktiviert werden. Ist dies der Fall, kann mit
-
-<pre>[map]Broadway 26, New York[/map]</pre>
-
-eine Karte von [OpenStreetmap](http://openstreetmap.org) eingebettet werden. Zur Identifikation des Ortes können entweder seine Koordinaten in der Form
-
-<pre>[map=lat,long]</pre>
-
-oder eine Adresse in obiger Form verwendet werden.
-
-Zusammenfassung für längere Beiträge
-------------------------------------
-
-Wenn man seine Beiträge über mehrere Netzwerke verbreiten möchte, hat man häufig das Problem, dass diese Netzwerke z.B. eine Längenbeschränkung haben. (Z.B. Twitter).
-
-Friendica benutzt zum Erzeugen eines Anreißtextes eine halbwegs intelligente Logik. Es kann aber dennoch von Interesse sein, eine eigene Zusammenfassung zu erstellen, die nur auf dem Fremdnetzwerk dargestellt wird. Dies geschieht mit dem [abstract]-Element. Beispiel:
-
-<pre>[abstract]Total spannend! Unbedingt diesen Link anklicken![/abstract]
-Hier erzähle ich euch eine total langweilige Geschichte, die ihr noch 
-nie hören wolltet.</pre>
-
-Auf Twitter würde das "Total spannend! Unbedingt diesen Link anklicken!" stehen, auf Friendica würde nur der Text nach "Hier erzähle ..." erscheinen.
-
-Es ist sogar möglich, für einzelne Netzwerke eigene Zusammenfassungen zu erstellen:
-
-<pre>
-[abstract]Hallo Leute, hier meine neuesten Bilder![abstract]
-[abstract=twit]Hallo Twitter-User, hier meine neuesten Bilder![abstract]
-[abstract=apdn]Hallo App.net-User, hier meine neuesten Bilder![abstract]
-Ich war heute wieder im Wald unterwegs und habe tolle Bilder geschossen ...
-</pre>
-
-Für Twitter und App.net nimmt das System die entsprechenden Texte. Bei anderen Netzwerken, bei denen der Inhalt gekürzt wird (z.B. beim Statusnet-Connector) wird dann die Zusammenfassung unter [abstract] verwendet.
-
-Wenn man z.B. den "buffer"-Connector verwendet, um nach Facebook oder Google+ zu posten, kann man dieses Element ebenfalls verwenden, wenn man z.B. einen längeren Blogbeitrag erstellt hat, aber ihn nicht komplett in diese Netzwerke posten möchte.
-
-Netzwerke wie Facebook oder Google+ sind nicht in der Postinglänge beschränkt. Aus diesem Grund greift nicht die [abstract]-Zusammenfassung. Stattdessen muss man das Netzwerk explizit angeben:
-
-<pre>
-[abstract]Ich habe neulich wieder etwas erlebt, was ich euch mitteilen möchte.[abstract]
-[abstract=goog]Hallo meine Google+-Kreislinge. Ich habe neulich wieder 
-etwas erlebt, was ich euch mitteilen möchte.[abstract]
-[abstract=face]Hallo Facebook-Freunde! Ich habe neulich wieder etwas 
-erlebt, was ich euch mitteilen möchte.[abstract]
-Beim Bildermachen im Wald habe ich neulich eine interessante Person 
-getroffen ... </pre>
-
-Das [abstract]-Element greift nicht bei der nativen OStatus-Verbindung oder bei Connectoren, die den HTML-Text posten wie z.B. die Connectoren zu Tumblr, Wordpress oder Pump.io.
-
-Spezielle Tags
--------
-
-Wenn Du &uuml;ber BBCode Tags in einer Nachricht schreiben m&ouml;chtest, kannst Du [noparse], [nobb] oder [pre] verwenden um den BBCode Tags vor der Evaluierung zu sch&uuml;tzen:
-
-<pre>[noparse][b]fett[/b][/noparse]</pre> : [b]fett[/b]