added [spoiler] to the BBCode documentation

diff --git a/doc/BBCode.md b/doc/BBCode.md
index 7068f1691133b476c7c64603a0e6cf4d3aa401b7..fe7c1481f68f93e94ce7071ecec51a01d9585d50 100644 (file)
--- a/doc/BBCode.md
+++ b/doc/BBCode.md
@@ -1,146 +1,154 @@
-Friendica BBCode tags reference\r
-========================\r
-\r
-* [Home](help)\r
-\r
-Inline\r
------\r
-\r
-\r
-<pre>[b]bold[/b]</pre> : <strong>bold</strong>\r
-\r
-<pre>[i]italic[/i]</pre> : <em>italic</em>\r
-\r
-<pre>[u]underlined[/u]</pre> : <u>underlined</u>\r
-\r
-<pre>[s]strike[/s]</pre> : <strike>strike</strike>\r
-\r
-<pre>[color=red]red[/color]</pre> : <span style="color:  red;">red</span>\r
-\r
-<pre>[url=http://www.friendica.com]Friendica[/url]</pre> : <a href="http://www.friendica.com" target="external-link">Friendica</a>\r
-\r
-<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">\r
-\r
-<pre>[size=xx-small]small text[/size]</pre> : <span style="font-size: xx-small;">small text</span>\r
-\r
-<pre>[size=xx-large]big text[/size]</pre> : <span style="font-size: xx-large;">big text</span>\r
-\r
-<pre>[size=20]exact size[/size] (size can be any number, in pixel)</pre> :  <span style="font-size: 20px;">exact size</span>\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-Block\r
------\r
-\r
-<pre>[code]code[/code]</pre>\r
-\r
-<code>code</code>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-<pre>[quote]quote[/quote]</pre>\r
-\r
-<blockquote>quote</blockquote>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-<pre>[quote=Author]Author? Me? No, no, no...[/quote]</pre>\r
-\r
-<strong class="author">Author wrote:</strong><blockquote>Author? Me? No, no, no...</blockquote>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-<pre>[center]centered text[/center]</pre>\r
-\r
-<div style="text-align:center;">centered text</div>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-**Table**\r
-<pre>[table border=1]\r
- [tr] \r
-   [th]Tables now[/th]\r
- [/tr]\r
- [tr]\r
-   [td]Have headers[/td]\r
- [/tr]\r
-[/table]</pre>\r
-\r
-<table border="1"><tbody><tr><th>Tables now</th></tr><tr><td>Have headers</td></tr></tbody></table>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-**List**\r
-\r
-<pre>[list]\r
- [*] First list element\r
- [*] Second list element\r
-[/list]</pre>\r
-<ul class="listbullet" style="list-style-type: circle;">\r
-<li> First list element<br>\r
-</li>\r
-<li> Second list element</li>\r
-</ul>\r
-\r
-[list] is equivalent to [ul] (unordered list). \r
-\r
-[ol] can be used instead of [list] to show an ordered list:\r
-\r
-<pre>[ol]\r
- [*] First list element\r
- [*] Second list element\r
-[/ol]</pre>\r
-<ul class="listdecimal" style="list-style-type: decimal;"><li> First list element<br></li><li> Second list element</li></ul>\r
-\r
-For more options on ordered lists, you can define the style of numeration on [list] argument:\r
-<pre>[list=1]</pre> : decimal\r
-\r
-<pre>[list=i]</pre> : lover case roman\r
-\r
-<pre>[list=I]</pre> : upper case roman\r
-\r
-<pre>[list=a]</pre> : lover case alphabetic\r
-\r
-<pre>[list=A] </pre> : upper case alphabetic\r
-\r
-\r
-\r
-\r
-Embed\r
-------\r
-\r
-You can embed video, audio and more in a message.\r
-\r
-<pre>[video]url[/video]</pre>\r
-<pre>[audio]url[/audio]</pre>\r
-\r
-Where *url* can be an url to youtube, vimeo, soundcloud, or other sites wich supports oembed or opengraph specifications.\r
-*url* can be also full url to an ogg  file. HTML5 tag will be used to show it.\r
-\r
-<pre>[url]*url*[/url]</pre>\r
-\r
-If *url* supports oembed or opengraph specifications the embedded object will be shown (eg, documents from scribd).\r
-Page title with a link to *url* will be shown.\r
-\r
-Map\r
----\r
-\r
-<pre>[map]address[/map]</pre>\r
-<pre>[map=lat,long]</pre>\r
-\r
-You can embed maps from coordinates or addresses. \r
-This require "openstreetmap" addon version 1.3 or newer.\r
-\r
-\r
-Special\r
--------\r
-\r
-If you need to put literal bbcode in a message, [noparse], [nobb] or [pre] are used to escape bbcode:\r
-\r
-<pre>[noparse][b]bold[/b][/noparse]</pre> : [b]bold[/b]\r
-\r
-\r
+Friendica BBCode tags reference
+========================
+
+* [Home](help)
+
+Inline
+-----
+
+
+<pre>[b]bold[/b]</pre> : <strong>bold</strong>
+
+<pre>[i]italic[/i]</pre> : <em>italic</em>
+
+<pre>[u]underlined[/u]</pre> : <u>underlined</u>
+
+<pre>[s]strike[/s]</pre> : <strike>strike</strike>
+
+<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>[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-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>
+
+
+
+
+
+
+
+Block
+-----
+
+<pre>[code]code[/code]</pre>
+
+<code>code</code>
+
+<p style="clear:both;">&nbsp;</p>
+
+<pre>[quote]quote[/quote]</pre>
+
+<blockquote>quote</blockquote>
+
+<p style="clear:both;">&nbsp;</p>
+
+<pre>[quote=Author]Author? Me? No, no, no...[/quote]</pre>
+
+<strong class="author">Author wrote:</strong><blockquote>Author? Me? No, no, no...</blockquote>
+
+<p style="clear:both;">&nbsp;</p>
+
+<pre>[center]centered text[/center]</pre>
+
+<div style="text-align:center;">centered text</div>
+
+<p style="clear:both;">&nbsp;</p>
+
+<pre>You should not read any further if you want to be surprised.[spoiler]There is a happy end.[/spoiler]</pre>
+
+You should not read any further if you want to be surprised.<br />*click to open/close*
+
+(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.)
+
+<p style="clear:both;">&nbsp;</p>
+
+**Table**
+<pre>[table border=1]
+ [tr] 
+   [th]Tables now[/th]
+ [/tr]
+ [tr]
+   [td]Have headers[/td]
+ [/tr]
+[/table]</pre>
+
+<table border="1"><tbody><tr><th>Tables now</th></tr><tr><td>Have headers</td></tr></tbody></table>
+
+<p style="clear:both;">&nbsp;</p>
+
+**List**
+
+<pre>[list]
+ [*] First list element
+ [*] Second list element
+[/list]</pre>
+<ul class="listbullet" style="list-style-type: circle;">
+<li> First list element<br>
+</li>
+<li> Second list element</li>
+</ul>
+
+[list] is equivalent to [ul] (unordered list). 
+
+[ol] can be used instead of [list] to show an ordered list:
+
+<pre>[ol]
+ [*] First list element
+ [*] Second list element
+[/ol]</pre>
+<ul class="listdecimal" style="list-style-type: decimal;"><li> First list element<br></li><li> Second list element</li></ul>
+
+For more options on ordered lists, you can define the style of numeration on [list] argument:
+<pre>[list=1]</pre> : decimal
+
+<pre>[list=i]</pre> : lover case roman
+
+<pre>[list=I]</pre> : upper case roman
+
+<pre>[list=a]</pre> : lover case alphabetic
+
+<pre>[list=A] </pre> : upper case alphabetic
+
+
+
+
+Embed
+------
+
+You can embed video, audio and more in a message.
+
+<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.
+*url* can be also full url to an ogg  file. HTML5 tag will be used to show it.
+
+<pre>[url]*url*[/url]</pre>
+
+If *url* supports oembed or opengraph specifications the embedded object will be shown (eg, documents from scribd).
+Page title with a link to *url* will be shown.
+
+Map
+---
+
+<pre>[map]address[/map]</pre>
+<pre>[map=lat,long]</pre>
+
+You can embed maps from coordinates or addresses. 
+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]
+
+

diff --git a/doc/de/BBCode.md b/doc/de/BBCode.md
index dc8bf85d54636d0fd5a65e07eb2237047c4fa9ed..971e6ffb62c033c40c19ef8e697b179c7b4a9d36 100644 (file)
--- a/doc/de/BBCode.md
+++ b/doc/de/BBCode.md
@@ -1,139 +1,147 @@
 Referenz der Friendica BBCode Tags
-========================\r
-\r
-* [Zur Startseite der Hilfe](help)\r
-\r
-Inline Tags\r
------\r
-\r
-\r
+========================
+
+* [Zur Startseite der Hilfe](help)
+
+Inline Tags
+-----
+
+
 <pre>[b]fett[/b]</pre> : <strong>fett</strong>
-\r
+
 <pre>[i]kursiv[/i]</pre> : <em>kursiv</em>
-\r
+
 <pre>[u]unterstrichen[/u]</pre> : <u>unterstrichen</u>
-\r
+
 <pre>[s]durchgestrichen[/s]</pre> : <strike>durchgestrichen</strike>
-\r
+
 <pre>[color=red]rot[/color]</pre> : <span style="color:  red;">rot</span>
-\r
+
 <pre>[url=http://www.friendica.com]Friendica[/url]</pre> : <a href="http://www.friendica.com" target="external-link">Friendica</a>
-\r
+
 <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">
-\r
+
 <pre>[size=xx-small]kleiner Text[/size]</pre> : <span style="font-size: xx-small;">kleiner Text</span>
-\r
+
 <pre>[size=xx-large]gro&szlig; Text[/size]</pre> : <span style="font-size: xx-large;">gro&szlig;er Text</span>
-\r
+
 <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>
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-Block Tags\r
------\r
-\r
-<pre>[code]Code[/code]</pre>\r
-\r
-<code>Code</code>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-<pre>[quote]Zitat[/quote]</pre>\r
-\r
-<blockquote>Zitat</blockquote>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-<pre>[quote=Autor]Der Autor? Ich? Nein, nein, nein...[/quote]</pre>\r
-\r
-<strong class="author">Autor hat geschrieben:</strong><blockquote>Der Autor?  Ich? Nein, nein, nein...</blockquote>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-<pre>[center]zentrierter Text[/center]</pre>\r
-\r
-<div style="text-align:center;">zentrierter Text</div>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-**Tabelle**\r
-<pre>[table border=1]\r
- [tr] \r
-   [th]Tabellenzeile[/th]\r
- [/tr]\r
- [tr]\r
-   [td]haben &Uuml;berschriften[/td]\r
- [/tr]\r
-[/table]</pre>\r
-\r
-<table border="1"><tbody><tr><th>Tabellenzeile</th></tr><tr><td>haben &Uuml;berschriften</td></tr></tbody></table>\r
-\r
-<p style="clear:both;">&nbsp;</p>\r
-\r
-**Listen**\r
-\r
-<pre>[list]\r
- [*] Erstes Listenelement\r
- [*] Zweites Listenelement\r
-[/list]</pre>\r
-<ul class="listbullet" style="list-style-type: circle;">\r
-<li> Erstes Listenelement<br>\r
-</li>\r
-<li> Zweites Listenelement</li>\r
-</ul>\r
-\r
-[list] ist Equivalent zu [ul] (unsortierte Liste). \r
-\r
-[ol] kann anstelle von [list] verwendet werden um eine sortierte Liste zu erzeugen:\r
-\r
-<pre>[ol]\r
- [*] Erstes Listenelement\r
- [*] Zweites Listenelement\r
-[/ol]</pre>\r
-<ul class="listdecimal" style="list-style-type: decimal;"><li>Erstes Listenelement<br></li><li> Zweites Listenelement</li></ul>\r
-\r
-F&uuml;r weitere Optionen von sortierten Listen kann man den Stil der Numerierung der Liste definieren:\r
-<pre>[list=1]</pre> : dezimal\r
-\r
-<pre>[list=i]</pre> : r&ouml;misch, Kleinbuchstaben\r
-\r
-<pre>[list=I]</pre> : r&ouml;misch, Gro&szlig;buchstaben\r
-\r
-<pre>[list=a]</pre> : alphabetisch, Kleinbuchstaben\r
-\r
-<pre>[list=A] </pre> : alphabethisch, Gro&szlig;buchstaben\r
-\r
-\r
-\r
-\r
-Einbettung von Inhalten\r
-------\r
-\r
-Man kann viele Dinge, z.B. Video und Audio Dateine, in Nachrichten einbetten.\r
-\r
-<pre>[video]url[/video]</pre>\r
-<pre>[audio]url[/audio]</pre>\r
-\r
-Wobei die *url* von youtube, vimeo, soundcloud oder einer anderen Seite stammen kann die die oembed oder opengraph Spezifikationen unterst&uuml;tzt.  \r
+
+
+
+
+
+
+
+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.
-\r
-<pre>[url]*url*[/url]</pre>\r
-\r
+
+<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.
-\r
-\r
-\r
-Spezielle Tags\r
--------\r
-\r
+
+
+
+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:
-\r
-<pre>[noparse][b]fett[/b][/noparse]</pre> : [b]fett[/b]\r
-\r
-\r
+
+<pre>[noparse][b]fett[/b][/noparse]</pre> : [b]fett[/b]
+
+