added [spoiler] to the BBCode documentation
This commit is contained in:
parent
125021903c
commit
115156e8d2
300
doc/BBCode.md
300
doc/BBCode.md
|
|
@ -1,146 +1,154 @@
|
||||||
Friendica BBCode tags reference
|
Friendica BBCode tags reference
|
||||||
========================
|
========================
|
||||||
|
|
||||||
* [Home](help)
|
* [Home](help)
|
||||||
|
|
||||||
Inline
|
Inline
|
||||||
-----
|
-----
|
||||||
|
|
||||||
|
|
||||||
<pre>[b]bold[/b]</pre> : <strong>bold</strong>
|
<pre>[b]bold[/b]</pre> : <strong>bold</strong>
|
||||||
|
|
||||||
<pre>[i]italic[/i]</pre> : <em>italic</em>
|
<pre>[i]italic[/i]</pre> : <em>italic</em>
|
||||||
|
|
||||||
<pre>[u]underlined[/u]</pre> : <u>underlined</u>
|
<pre>[u]underlined[/u]</pre> : <u>underlined</u>
|
||||||
|
|
||||||
<pre>[s]strike[/s]</pre> : <strike>strike</strike>
|
<pre>[s]strike[/s]</pre> : <strike>strike</strike>
|
||||||
|
|
||||||
<pre>[color=red]red[/color]</pre> : <span style="color: red;">red</span>
|
<pre>[color=red]red[/color]</pre> : <span style="color: red;">red</span>
|
||||||
|
|
||||||
<pre>[url=http://www.friendica.com]Friendica[/url]</pre> : <a href="http://www.friendica.com" target="external-link">Friendica</a>
|
<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>[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]small text[/size]</pre> : <span style="font-size: xx-small;">small text</span>
|
<pre>[size=xx-small]small text[/size]</pre> : <span style="font-size: xx-small;">small text</span>
|
||||||
|
|
||||||
<pre>[size=xx-large]big text[/size]</pre> : <span style="font-size: xx-large;">big text</span>
|
<pre>[size=xx-large]big text[/size]</pre> : <span style="font-size: xx-large;">big text</span>
|
||||||
|
|
||||||
<pre>[size=20]exact size[/size] (size can be any number, in pixel)</pre> : <span style="font-size: 20px;">exact size</span>
|
<pre>[size=20]exact size[/size] (size can be any number, in pixel)</pre> : <span style="font-size: 20px;">exact size</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Block
|
Block
|
||||||
-----
|
-----
|
||||||
|
|
||||||
<pre>[code]code[/code]</pre>
|
<pre>[code]code[/code]</pre>
|
||||||
|
|
||||||
<code>code</code>
|
<code>code</code>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
<pre>[quote]quote[/quote]</pre>
|
<pre>[quote]quote[/quote]</pre>
|
||||||
|
|
||||||
<blockquote>quote</blockquote>
|
<blockquote>quote</blockquote>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
<pre>[quote=Author]Author? Me? No, no, no...[/quote]</pre>
|
<pre>[quote=Author]Author? Me? No, no, no...[/quote]</pre>
|
||||||
|
|
||||||
<strong class="author">Author wrote:</strong><blockquote>Author? Me? No, no, no...</blockquote>
|
<strong class="author">Author wrote:</strong><blockquote>Author? Me? No, no, no...</blockquote>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
<pre>[center]centered text[/center]</pre>
|
<pre>[center]centered text[/center]</pre>
|
||||||
|
|
||||||
<div style="text-align:center;">centered text</div>
|
<div style="text-align:center;">centered text</div>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
**Table**
|
<pre>You should not read any further if you want to be surprised.[spoiler]There is a happy end.[/spoiler]</pre>
|
||||||
<pre>[table border=1]
|
|
||||||
[tr]
|
You should not read any further if you want to be surprised.<br />*click to open/close*
|
||||||
[th]Tables now[/th]
|
|
||||||
[/tr]
|
(The text between thhe opening and the closing of the spoiler tag will be visible once the link is clicked. So *"There is a happy end."* wont be visible until the spoiler is uncovered.)
|
||||||
[tr]
|
|
||||||
[td]Have headers[/td]
|
<p style="clear:both;"> </p>
|
||||||
[/tr]
|
|
||||||
[/table]</pre>
|
**Table**
|
||||||
|
<pre>[table border=1]
|
||||||
<table border="1"><tbody><tr><th>Tables now</th></tr><tr><td>Have headers</td></tr></tbody></table>
|
[tr]
|
||||||
|
[th]Tables now[/th]
|
||||||
<p style="clear:both;"> </p>
|
[/tr]
|
||||||
|
[tr]
|
||||||
**List**
|
[td]Have headers[/td]
|
||||||
|
[/tr]
|
||||||
<pre>[list]
|
[/table]</pre>
|
||||||
[*] First list element
|
|
||||||
[*] Second list element
|
<table border="1"><tbody><tr><th>Tables now</th></tr><tr><td>Have headers</td></tr></tbody></table>
|
||||||
[/list]</pre>
|
|
||||||
<ul class="listbullet" style="list-style-type: circle;">
|
<p style="clear:both;"> </p>
|
||||||
<li> First list element<br>
|
|
||||||
</li>
|
**List**
|
||||||
<li> Second list element</li>
|
|
||||||
</ul>
|
<pre>[list]
|
||||||
|
[*] First list element
|
||||||
[list] is equivalent to [ul] (unordered list).
|
[*] Second list element
|
||||||
|
[/list]</pre>
|
||||||
[ol] can be used instead of [list] to show an ordered list:
|
<ul class="listbullet" style="list-style-type: circle;">
|
||||||
|
<li> First list element<br>
|
||||||
<pre>[ol]
|
</li>
|
||||||
[*] First list element
|
<li> Second list element</li>
|
||||||
[*] Second list element
|
</ul>
|
||||||
[/ol]</pre>
|
|
||||||
<ul class="listdecimal" style="list-style-type: decimal;"><li> First list element<br></li><li> Second list element</li></ul>
|
[list] is equivalent to [ul] (unordered list).
|
||||||
|
|
||||||
For more options on ordered lists, you can define the style of numeration on [list] argument:
|
[ol] can be used instead of [list] to show an ordered list:
|
||||||
<pre>[list=1]</pre> : decimal
|
|
||||||
|
<pre>[ol]
|
||||||
<pre>[list=i]</pre> : lover case roman
|
[*] First list element
|
||||||
|
[*] Second list element
|
||||||
<pre>[list=I]</pre> : upper case roman
|
[/ol]</pre>
|
||||||
|
<ul class="listdecimal" style="list-style-type: decimal;"><li> First list element<br></li><li> Second list element</li></ul>
|
||||||
<pre>[list=a]</pre> : lover case alphabetic
|
|
||||||
|
For more options on ordered lists, you can define the style of numeration on [list] argument:
|
||||||
<pre>[list=A] </pre> : upper case alphabetic
|
<pre>[list=1]</pre> : decimal
|
||||||
|
|
||||||
|
<pre>[list=i]</pre> : lover case roman
|
||||||
|
|
||||||
|
<pre>[list=I]</pre> : upper case roman
|
||||||
Embed
|
|
||||||
------
|
<pre>[list=a]</pre> : lover case alphabetic
|
||||||
|
|
||||||
You can embed video, audio and more in a message.
|
<pre>[list=A] </pre> : upper case alphabetic
|
||||||
|
|
||||||
<pre>[video]url[/video]</pre>
|
|
||||||
<pre>[audio]url[/audio]</pre>
|
|
||||||
|
|
||||||
Where *url* can be an url to youtube, vimeo, soundcloud, or other sites wich supports oembed or opengraph specifications.
|
Embed
|
||||||
*url* can be also full url to an ogg file. HTML5 tag will be used to show it.
|
------
|
||||||
|
|
||||||
<pre>[url]*url*[/url]</pre>
|
You can embed video, audio and more in a message.
|
||||||
|
|
||||||
If *url* supports oembed or opengraph specifications the embedded object will be shown (eg, documents from scribd).
|
<pre>[video]url[/video]</pre>
|
||||||
Page title with a link to *url* will be shown.
|
<pre>[audio]url[/audio]</pre>
|
||||||
|
|
||||||
Map
|
Where *url* can be an url to youtube, vimeo, soundcloud, or other sites wich supports oembed or opengraph specifications.
|
||||||
---
|
*url* can be also full url to an ogg file. HTML5 tag will be used to show it.
|
||||||
|
|
||||||
<pre>[map]address[/map]</pre>
|
<pre>[url]*url*[/url]</pre>
|
||||||
<pre>[map=lat,long]</pre>
|
|
||||||
|
If *url* supports oembed or opengraph specifications the embedded object will be shown (eg, documents from scribd).
|
||||||
You can embed maps from coordinates or addresses.
|
Page title with a link to *url* will be shown.
|
||||||
This require "openstreetmap" addon version 1.3 or newer.
|
|
||||||
|
Map
|
||||||
|
---
|
||||||
Special
|
|
||||||
-------
|
<pre>[map]address[/map]</pre>
|
||||||
|
<pre>[map=lat,long]</pre>
|
||||||
If you need to put literal bbcode in a message, [noparse], [nobb] or [pre] are used to escape bbcode:
|
|
||||||
|
You can embed maps from coordinates or addresses.
|
||||||
<pre>[noparse][b]bold[/b][/noparse]</pre> : [b]bold[/b]
|
This require "openstreetmap" addon version 1.3 or newer.
|
||||||
|
|
||||||
|
|
||||||
|
Special
|
||||||
|
-------
|
||||||
|
|
||||||
|
If you need to put literal bbcode in a message, [noparse], [nobb] or [pre] are used to escape bbcode:
|
||||||
|
|
||||||
|
<pre>[noparse][b]bold[/b][/noparse]</pre> : [b]bold[/b]
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
254
doc/de/BBCode.md
254
doc/de/BBCode.md
|
|
@ -1,139 +1,147 @@
|
||||||
Referenz der Friendica BBCode Tags
|
Referenz der Friendica BBCode Tags
|
||||||
========================
|
========================
|
||||||
|
|
||||||
* [Zur Startseite der Hilfe](help)
|
* [Zur Startseite der Hilfe](help)
|
||||||
|
|
||||||
Inline Tags
|
Inline Tags
|
||||||
-----
|
-----
|
||||||
|
|
||||||
|
|
||||||
<pre>[b]fett[/b]</pre> : <strong>fett</strong>
|
<pre>[b]fett[/b]</pre> : <strong>fett</strong>
|
||||||
|
|
||||||
<pre>[i]kursiv[/i]</pre> : <em>kursiv</em>
|
<pre>[i]kursiv[/i]</pre> : <em>kursiv</em>
|
||||||
|
|
||||||
<pre>[u]unterstrichen[/u]</pre> : <u>unterstrichen</u>
|
<pre>[u]unterstrichen[/u]</pre> : <u>unterstrichen</u>
|
||||||
|
|
||||||
<pre>[s]durchgestrichen[/s]</pre> : <strike>durchgestrichen</strike>
|
<pre>[s]durchgestrichen[/s]</pre> : <strike>durchgestrichen</strike>
|
||||||
|
|
||||||
<pre>[color=red]rot[/color]</pre> : <span style="color: red;">rot</span>
|
<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>[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>[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-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=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>
|
<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
|
Block Tags
|
||||||
-----
|
-----
|
||||||
|
|
||||||
<pre>[code]Code[/code]</pre>
|
<pre>[code]Code[/code]</pre>
|
||||||
|
|
||||||
<code>Code</code>
|
<code>Code</code>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
<pre>[quote]Zitat[/quote]</pre>
|
<pre>[quote]Zitat[/quote]</pre>
|
||||||
|
|
||||||
<blockquote>Zitat</blockquote>
|
<blockquote>Zitat</blockquote>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
<pre>[quote=Autor]Der Autor? Ich? Nein, nein, nein...[/quote]</pre>
|
<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>
|
<strong class="author">Autor hat geschrieben:</strong><blockquote>Der Autor? Ich? Nein, nein, nein...</blockquote>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
<pre>[center]zentrierter Text[/center]</pre>
|
<pre>[center]zentrierter Text[/center]</pre>
|
||||||
|
|
||||||
<div style="text-align:center;">zentrierter Text</div>
|
<div style="text-align:center;">zentrierter Text</div>
|
||||||
|
|
||||||
<p style="clear:both;"> </p>
|
<p style="clear:both;"> </p>
|
||||||
|
|
||||||
**Tabelle**
|
<pre>Wer überrascht werden möchte sollte nicht weiter lesen.[spoiler]Es gibt ein Happy End.[/spoiler]</pre>
|
||||||
<pre>[table border=1]
|
|
||||||
[tr]
|
Wer überrascht werden möchte sollte nicht weiter lesen.<br />*klicken zum öffnen/schließen*
|
||||||
[th]Tabellenzeile[/th]
|
|
||||||
[/tr]
|
(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.)
|
||||||
[tr]
|
|
||||||
[td]haben Überschriften[/td]
|
<p style="clear:both;"> </p>
|
||||||
[/tr]
|
|
||||||
[/table]</pre>
|
**Tabelle**
|
||||||
|
<pre>[table border=1]
|
||||||
<table border="1"><tbody><tr><th>Tabellenzeile</th></tr><tr><td>haben Überschriften</td></tr></tbody></table>
|
[tr]
|
||||||
|
[th]Tabellenzeile[/th]
|
||||||
<p style="clear:both;"> </p>
|
[/tr]
|
||||||
|
[tr]
|
||||||
**Listen**
|
[td]haben Überschriften[/td]
|
||||||
|
[/tr]
|
||||||
<pre>[list]
|
[/table]</pre>
|
||||||
[*] Erstes Listenelement
|
|
||||||
[*] Zweites Listenelement
|
<table border="1"><tbody><tr><th>Tabellenzeile</th></tr><tr><td>haben Überschriften</td></tr></tbody></table>
|
||||||
[/list]</pre>
|
|
||||||
<ul class="listbullet" style="list-style-type: circle;">
|
<p style="clear:both;"> </p>
|
||||||
<li> Erstes Listenelement<br>
|
|
||||||
</li>
|
**Listen**
|
||||||
<li> Zweites Listenelement</li>
|
|
||||||
</ul>
|
<pre>[list]
|
||||||
|
[*] Erstes Listenelement
|
||||||
[list] ist Equivalent zu [ul] (unsortierte Liste).
|
[*] Zweites Listenelement
|
||||||
|
[/list]</pre>
|
||||||
[ol] kann anstelle von [list] verwendet werden um eine sortierte Liste zu erzeugen:
|
<ul class="listbullet" style="list-style-type: circle;">
|
||||||
|
<li> Erstes Listenelement<br>
|
||||||
<pre>[ol]
|
</li>
|
||||||
[*] Erstes Listenelement
|
<li> Zweites Listenelement</li>
|
||||||
[*] Zweites Listenelement
|
</ul>
|
||||||
[/ol]</pre>
|
|
||||||
<ul class="listdecimal" style="list-style-type: decimal;"><li>Erstes Listenelement<br></li><li> Zweites Listenelement</li></ul>
|
[list] ist Equivalent zu [ul] (unsortierte Liste).
|
||||||
|
|
||||||
Für weitere Optionen von sortierten Listen kann man den Stil der Numerierung der Liste definieren:
|
[ol] kann anstelle von [list] verwendet werden um eine sortierte Liste zu erzeugen:
|
||||||
<pre>[list=1]</pre> : dezimal
|
|
||||||
|
<pre>[ol]
|
||||||
<pre>[list=i]</pre> : römisch, Kleinbuchstaben
|
[*] Erstes Listenelement
|
||||||
|
[*] Zweites Listenelement
|
||||||
<pre>[list=I]</pre> : römisch, Großbuchstaben
|
[/ol]</pre>
|
||||||
|
<ul class="listdecimal" style="list-style-type: decimal;"><li>Erstes Listenelement<br></li><li> Zweites Listenelement</li></ul>
|
||||||
<pre>[list=a]</pre> : alphabetisch, Kleinbuchstaben
|
|
||||||
|
Für weitere Optionen von sortierten Listen kann man den Stil der Numerierung der Liste definieren:
|
||||||
<pre>[list=A] </pre> : alphabethisch, Großbuchstaben
|
<pre>[list=1]</pre> : dezimal
|
||||||
|
|
||||||
|
<pre>[list=i]</pre> : römisch, Kleinbuchstaben
|
||||||
|
|
||||||
|
<pre>[list=I]</pre> : römisch, Großbuchstaben
|
||||||
Einbettung von Inhalten
|
|
||||||
------
|
<pre>[list=a]</pre> : alphabetisch, Kleinbuchstaben
|
||||||
|
|
||||||
Man kann viele Dinge, z.B. Video und Audio Dateine, in Nachrichten einbetten.
|
<pre>[list=A] </pre> : alphabethisch, Großbuchstaben
|
||||||
|
|
||||||
<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.
|
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.
|
Außerdem kann *url* die genaue url zu einer ogg Datei sein, die dann per HTML5 eingebunden wird.
|
||||||
|
|
||||||
<pre>[url]*url*[/url]</pre>
|
<pre>[url]*url*[/url]</pre>
|
||||||
|
|
||||||
Wenn *url* entweder oembed oder opengraph unterstützt wird das eingebettete
|
Wenn *url* entweder oembed oder opengraph unterstützt wird das eingebettete
|
||||||
Objekt (z.B. ein Dokument von scribd) eingebunden.
|
Objekt (z.B. ein Dokument von scribd) eingebunden.
|
||||||
Der Titel der Seite mit einem Link zur *url* wird ebenfalls angezeigt.
|
Der Titel der Seite mit einem Link zur *url* wird ebenfalls angezeigt.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Spezielle Tags
|
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:
|
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]
|
<pre>[noparse][b]fett[/b][/noparse]</pre> : [b]fett[/b]
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue