doc/de/BBCode.md

   1 Referenz der Friendica BBCode Tags
   2 ========================
   3
   4 * [Zur Startseite der Hilfe](help)
   5
   6 Inline Tags
   7 -----
   8
   9
  10 <pre>[b]fett[/b]</pre> : <strong>fett</strong>
  11
  12 <pre>[i]kursiv[/i]</pre> : <em>kursiv</em>
  13
  14 <pre>[u]unterstrichen[/u]</pre> : <u>unterstrichen</u>
  15
  16 <pre>[s]durchgestrichen[/s]</pre> : <strike>durchgestrichen</strike>
  17
  18 <pre>[color=red]rot[/color]</pre> : <span style="color:  red;">rot</span>
  19
  20 <pre>[url=http://www.friendica.com]Friendica[/url]</pre> : <a href="http://www.friendica.com" target="external-link">Friendica</a>
  21
  22 <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">
  23
  24 <pre>[size=xx-small]kleiner Text[/size]</pre> : <span style="font-size: xx-small;">kleiner Text</span>
  25
  26 <pre>[size=xx-large]gro&szlig; Text[/size]</pre> : <span style="font-size: xx-large;">gro&szlig;er Text</span>
  27
  28 <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>
  29
  30
  31
  32
  33
  34
  35
  36 Block Tags
  37 -----
  38
  39 <pre>[code]Code[/code]</pre>
  40
  41 <code>Code</code>
  42
  43 <p style="clear:both;">&nbsp;</p>
  44
  45 <pre>[quote]Zitat[/quote]</pre>
  46
  47 <blockquote>Zitat</blockquote>
  48
  49 <p style="clear:both;">&nbsp;</p>
  50
  51 <pre>[quote=Autor]Der Autor? Ich? Nein, nein, nein...[/quote]</pre>
  52
  53 <strong class="author">Autor hat geschrieben:</strong><blockquote>Der Autor?  Ich? Nein, nein, nein...</blockquote>
  54
  55 <p style="clear:both;">&nbsp;</p>
  56
  57 <pre>[center]zentrierter Text[/center]</pre>
  58
  59 <div style="text-align:center;">zentrierter Text</div>
  60
  61 <p style="clear:both;">&nbsp;</p>
  62
  63 <pre>Wer überrascht werden möchte sollte nicht weiter lesen.[spoiler]Es gibt ein Happy End.[/spoiler]</pre>
  64
  65 Wer überrascht werden möchte sollte nicht weiter lesen.<br />*klicken zum öffnen/schließen*
  66
  67 (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.)
  68
  69 <p style="clear:both;">&nbsp;</p>
  70
  71 **Tabelle**
  72 <pre>[table border=1]
  73  [tr]
  74    [th]Tabellenzeile[/th]
  75  [/tr]
  76  [tr]
  77    [td]haben &Uuml;berschriften[/td]
  78  [/tr]
  79 [/table]</pre>
  80
  81 <table border="1"><tbody><tr><th>Tabellenzeile</th></tr><tr><td>haben &Uuml;berschriften</td></tr></tbody></table>
  82
  83 <p style="clear:both;">&nbsp;</p>
  84
  85 **Listen**
  86
  87 <pre>[list]
  88  [*] Erstes Listenelement
  89  [*] Zweites Listenelement
  90 [/list]</pre>
  91 <ul class="listbullet" style="list-style-type: circle;">
  92 <li> Erstes Listenelement<br>
  93 </li>
  94 <li> Zweites Listenelement</li>
  95 </ul>
  96
  97 [list] ist Equivalent zu [ul] (unsortierte Liste).
  98
  99 [ol] kann anstelle von [list] verwendet werden um eine sortierte Liste zu erzeugen:
 100
 101 <pre>[ol]
 102  [*] Erstes Listenelement
 103  [*] Zweites Listenelement
 104 [/ol]</pre>
 105 <ul class="listdecimal" style="list-style-type: decimal;"><li>Erstes Listenelement<br></li><li> Zweites Listenelement</li></ul>
 106
 107 F&uuml;r weitere Optionen von sortierten Listen kann man den Stil der Numerierung der Liste definieren:
 108 <pre>[list=1]</pre> : dezimal
 109
 110 <pre>[list=i]</pre> : r&ouml;misch, Kleinbuchstaben
 111
 112 <pre>[list=I]</pre> : r&ouml;misch, Gro&szlig;buchstaben
 113
 114 <pre>[list=a]</pre> : alphabetisch, Kleinbuchstaben
 115
 116 <pre>[list=A] </pre> : alphabethisch, Gro&szlig;buchstaben
 117
 118
 119
 120
 121 Einbettung von Inhalten
 122 ------
 123
 124 Man kann viele Dinge, z.B. Video und Audio Dateine, in Nachrichten einbetten.
 125
 126 <pre>[video]url[/video]</pre>
 127 <pre>[audio]url[/audio]</pre>
 128
 129 Wobei die *url* von youtube, vimeo, soundcloud oder einer anderen Seite stammen kann die die oembed oder opengraph Spezifikationen unterst&uuml;tzt.
 130 Au&szlig;erdem kann *url* die genaue url zu einer ogg Datei sein, die dann per HTML5 eingebunden wird.
 131
 132 <pre>[url]*url*[/url]</pre>
 133
 134 Wenn *url* entweder oembed oder opengraph unterstützt wird das eingebettete Objekt (z.B. ein Dokument von scribd) eingebunden.
 135 Der Titel der Seite mit einem Link zur *url* wird ebenfalls angezeigt.
 136
 137 Um eine Karte in einen Beitrag einzubinden, muss das *openstreetmap* Addon aktiviert werden. Ist dies der Fall, kann mit
 138
 139 <pre>[map]Broadway 26, New York[/map]</pre>
 140
 141 eine Karte von [OpenStreetmap](http://openstreetmap.org) eingebettet werden. Zur Identifikation des Ortes können entweder seine Koordinaten in der Form
 142
 143 <pre>[map=lat,long]</pre>
 144
 145 oder eine Adresse in obiger Form verwendet werden.
 146
 147 Zusammenfassung für längere Beiträge
 148 ------------------------------------
 149
 150 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.
 151 (Z.B. Twitter).
 152
 153 Friendica benutzt zum Erzeugen eines Anreißtextes eine halbwegs intelligente Logik.
 154 Es kann aber dennoch von Interesse sein, eine eigene Zusammenfassung zu erstellen, die nur auf dem Fremdnetzwerk dargestellt wird.
 155 Dies geschieht mit dem [abstract]-Element.
 156 Beispiel:
 157
 158 <pre>[abstract]Total spannend! Unbedingt diesen Link anklicken![/abstract]
 159 Hier erzähle ich euch eine total langweilige Geschichte, die ihr noch
 160 nie hören wolltet.</pre>
 161
 162 Auf Twitter würde das "Total spannend! Unbedingt diesen Link anklicken!" stehen, auf Friendica würde nur der Text nach "Hier erzähle ..." erscheinen.
 163
 164 Es ist sogar möglich, für einzelne Netzwerke eigene Zusammenfassungen zu erstellen:
 165
 166 <pre>
 167 [abstract]Hallo Leute, hier meine neuesten Bilder![abstract]
 168 [abstract=twit]Hallo Twitter-User, hier meine neuesten Bilder![abstract]
 169 [abstract=apdn]Hallo App.net-User, hier meine neuesten Bilder![abstract]
 170 Ich war heute wieder im Wald unterwegs und habe tolle Bilder geschossen ...
 171 </pre>
 172
 173 Für Twitter und App.net nimmt das System die entsprechenden Texte.
 174 Bei anderen Netzwerken, bei denen der Inhalt gekürzt wird (z.B. beim "statusnet"-Connector, der für das Posten nach GNU Social verwendet wird) wird dann die Zusammenfassung unter [abstract] verwendet.
 175
 176 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.
 177
 178 Netzwerke wie Facebook oder Google+ sind nicht in der Postinglänge beschränkt.
 179 Aus diesem Grund greift nicht die [abstract]-Zusammenfassung. Stattdessen muss man das Netzwerk explizit angeben:
 180
 181 <pre>
 182 [abstract]Ich habe neulich wieder etwas erlebt, was ich euch mitteilen möchte.[abstract]
 183 [abstract=goog]Hallo meine Google+-Kreislinge. Ich habe neulich wieder
 184 etwas erlebt, was ich euch mitteilen möchte.[abstract]
 185 [abstract=face]Hallo Facebook-Freunde! Ich habe neulich wieder etwas
 186 erlebt, was ich euch mitteilen möchte.[abstract]
 187 Beim Bildermachen im Wald habe ich neulich eine interessante Person
 188 getroffen ... </pre>
 189
 190 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.
 191
 192 Spezielle Tags
 193 -------
 194
 195 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:
 196
 197 <pre>[noparse][b]fett[/b][/noparse]</pre> : [b]fett[/b]