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