-* [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;"> </p>
-
-<pre>[code=php]function text_highlight($s,$lang)[/code]</pre>
-
-<code><div class="hl-main"><ol class="hl-main"><li><span class="hl-code"> </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>
-
-<p style="clear:both;"> </p>
-
-<pre>[quote]quote[/quote]</pre>
-
-<blockquote>quote</blockquote>
-
-<p style="clear:both;"> </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;"> </p>
-
-<pre>[center]centered text[/center]</pre>
-
-<div style="text-align:center;">centered text</div>
-
-<p style="clear:both;"> </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;"> </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;"> </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
-------
+* [Creating posts](help/Text_editor)
+
+## 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>Result</th>
+</tr>
+<tr>
+ <td>[b]bold[/b]</td>
+ <td><strong>bold</strong></td>
+</tr>
+<tr>
+ <td>[i]italic[/i]</td>
+ <td><em>italic</em></td>
+</tr>
+<tr>
+ <td>[u]underlined[/u]</td>
+ <td><u>underlined</u></td>
+</tr>
+<tr>
+ <td>[s]strike[/s]</td>
+ <td><strike>strike</strike></td>
+</tr>
+<tr>
+ <td>[o]overline[/o]</td>
+ <td><span class="overline">overline</span></td>
+</tr>
+<tr>
+ <td>[color=red]red[/color]</td>
+ <td><span style="color: red;">red</span></td>
+</tr>
+<tr>
+ <td>[url=http://www.friendica.com]Friendica[/url]</td>
+ <td><a href="http://www.friendica.com" target="external-link">Friendica</a></td>
+</tr>
+<tr>
+ <td>[img]http://friendica.com/sites/default/files/friendika-32.png[/img]</td>
+ <td><img src="http://friendica.com/sites/default/files/friendika-32.png" alt="Immagine/foto"></td>
+</tr>
+<tr>
+ <td>[img=64x32]http://friendica.com/sites/default/files/friendika-32.png[/img]<br>
+<br>Note: provided height is simply discarded.</td>
+ <td><img src="http://friendica.com/sites/default/files/friendika-32.png" style="width: 64px;"></td>
+</tr>
+<tr>
+ <td>[size=xx-small]small text[/size]</td>
+ <td><span style="font-size: xx-small;">small text</span></td>
+</tr>
+<tr>
+ <td>[size=xx-large]big text[/size]</td>
+ <td><span style="font-size: xx-large;">big text</span></td>
+</tr>
+<tr>
+ <td>[size=20]exact size[/size] (size can be any number, in pixel)</td>
+ <td><span style="font-size: 20px;">exact size</span></td>
+</tr>
+<tr>
+ <td>[font=serif]Serif font[/font]</td>
+ <td><span style="font-family: serif;">Serif font</span></td>
+</tr>
+</table>
+
+### Links
+
+<table class="bbcodes">
+<tr>
+ <th>BBCode</th>
+ <th>Result</th>
+</tr>
+<tr>
+ <td>[url]http://friendica.com[/url]</td>
+ <td><a href="http://friendica.com">http://friendica.com</a></td>
+</tr>
+<tr>
+ <td>[url=http://friendica.com]Friendica[/url]</td>
+ <td><a href="http://friendica.com">Friendica</a></td>
+</tr>
+<tr>
+ <td>[bookmark]http://friendica.com[/bookmark]<br><br>
+#^[url]http://friendica.com[/url]</td>
+ <td><span class="oembed link"><h4>Friendica: <a href="http://friendica.com" rel="oembed"></a><a href="http://friendica.com" target="_blank">http://friendica.com</a></h4></span></td>
+</tr>
+<tr>
+ <td>[bookmark=http://friendica.com]Bookmark[/bookmark]<br><br>
+#^[url=http://friendica.com]Bookmark[/url]<br><br>
+#[url=http://friendica.com]^[/url][url=http://friendica.com]Bookmark[/url]</td>
+ <td><span class="oembed link"><h4>Friendica: <a href="http://friendica.com" rel="oembed"></a><a href="http://friendica.com" target="_blank">Bookmark</a></h4></span></td>
+</tr>
+<tr>
+ <td>[url=/posts/f16d77b0630f0134740c0cc47a0ea02a]Diaspora post with GUID[/url]</td>
+ <td><a href="/display/f16d77b0630f0134740c0cc47a0ea02a" target="_blank">Diaspora post with GUID</a></td>
+</tr>
+<tr>
+ <td>#Friendica</td>
+ <td>#<a href="/search?tag=Friendica">Friendica</a></td>
+</tr>
+<tr>
+ <td>@Mention</td>
+ <td>@<a href="javascript:void(0)">Mention</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]Send an email to User[/mail]</td>
+ <td><a href="mailto:user@mail.example.com">Send an email to User</a></td>
+</tr>
+</table>
+
+## Blocks
+
+<table class="bbcodes">
+<tr>
+ <th>BBCode</th>
+ <th>Result</th>
+</tr>
+<tr>
+ <td>[p]A paragraph of text[/p]</td>
+ <td><p>A paragraph of text</p></td>
+</tr>
+<tr>
+ <td>Inline [code]code[/code] in a paragraph</td>
+ <td>Inline <key>code</key> in a paragraph</td>
+</tr>
+<tr>
+ <td>[code]Multi<br>line<br>code[/code]</td>
+ <td><code>Multi
+line
+code</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"> </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]quote[/quote]</td>
+ <td><blockquote>quote</blockquote></td>
+</tr>
+<tr>
+ <td>[quote=Author]Author? Me? No, no, no...[/quote]</td>
+ <td><strong class="author">Author wrote:</strong><blockquote>Author? Me? No, no, no...</blockquote></td>
+</tr>
+<tr>
+ <td>[center]Centered text[/center]</td>
+ <td><div style="text-align:center;">Centered text</div></td>
+</tr>
+<tr>
+ <td>You should not read any further if you want to be surprised.[spoiler]There is a happy end.[/spoiler]</td>
+ <td>
+ <div class="wall-item-container">
+ You should not read any further if you want to be surprised.<br>
+ <span id="spoiler-wrap-0716e642" class="spoiler-wrap fakelink" onclick="openClose('spoiler-0716e642');">Click to open/close</span>
+ <blockquote class="spoiler" id="spoiler-0716e642" style="display: none;">There is a happy end.</blockquote>
+ <div class="body-attach"><div class="clear"></div></div>
+ </div>
+ </td>
+</tr>
+<tr>
+ <td>[spoiler=Author]Spoiler quote[/spoiler]</td>
+ <td>
+ <div class="wall-item-container">
+ <strong class="spoiler">Author wrote:</strong><br>
+ <span id="spoiler-wrap-a893765a" class="spoiler-wrap fakelink" onclick="openClose('spoiler-a893765a');">Click to open/close</span>
+ <blockquote class="spoiler" id="spoiler-a893765a" style="display: none;">Spoiler quote</blockquote>
+ <div class="body-attach"><div class="clear"></div></div>
+ </div>
+ </td>
+</tr>
+<tr>
+ <td>[hr] (horizontal line)</td>
+ <td><hr></td>
+</tr>
+</table>
+
+### Titles
+
+<table class="bbcodes">
+<tr>
+ <th>BBCode</th>
+ <th>Result</th>
+</tr>
+<tr>
+ <td>[h1]Title 1[/h1]</td>
+ <td><h1>Title 1</h1></td>
+</tr>
+<tr>
+ <td>[h2]Title 2[/h2]</td>
+ <td><h2>Title 2</h2></td>
+</tr>
+<tr>
+ <td>[h3]Title 3[/h3]</td>
+ <td><h3>Title 3</h3></td>
+</tr>
+<tr>
+ <td>[h4]Title 4[/h4]</td>
+ <td><h4>Title 4</h4></td>
+</tr>
+<tr>
+ <td>[h5]Title 5[/h5]</td>
+ <td><h5>Title 5</h5></td>
+</tr>
+<tr>
+ <td>[h6]Title 6[/h6]</td>
+ <td><h6>Title 6</h6></td>
+</tr>
+</table>
+
+### Tables
+
+<table class="bbcodes">
+<tr>
+ <th>BBCode</th>
+ <th>Result</th>
+</tr>
+<tr>
+ <td>[table]<br>
+ [tr]<br>
+ [th]Header 1[/th]<br>
+ [th]Header 2[/th]<br>
+ [th]Header 2[/th]<br>
+ [/tr]<br>
+ [tr]<br>
+ [td]Cell 1[/td]<br>
+ [td]Cell 2[/td]<br>
+ [td]Cell 3[/td]<br>
+ [/tr]<br>
+ [tr]<br>
+ [td]Cell 4[/td]<br>
+ [td]Cell 5[/td]<br>
+ [td]Cell 6[/td]<br>
+ [/tr]<br>
+[/table]</td>
+ <td>
+ <table>
+ <tbody>
+ <tr>
+ <th>Header 1</th>
+ <th>Header 2</th>
+ <th>Header 3</th>
+ </tr>
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ <td>Cell 3</td>
+ </tr>
+ <tr>
+ <td>Cell 4</td>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+</tr>
+<tr>
+ <td>[table border=0]</td>
+ <td>
+ <table border="0">
+ <tbody>
+ <tr>
+ <th>Header 1</th>
+ <th>Header 2</th>
+ <th>Header 3</th>
+ </tr>
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ <td>Cell 3</td>
+ </tr>
+ <tr>
+ <td>Cell 4</td>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+</tr>
+<tr>
+ <td>[table border=1]</td>
+ <td>
+ <table border="1">
+ <tbody>
+ <tr>
+ <th>Header 1</th>
+ <th>Header 2</th>
+ <th>Header 3</th>
+ </tr>
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ <td>Cell 3</td>
+ </tr>
+ <tr>
+ <td>Cell 4</td>
+ <td>Cell 5</td>
+ <td>Cell 6</td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+</tr>
+</table>
+
+### Lists
+
+<table class="bbcodes">
+<tr>
+ <th>BBCode</th>
+ <th>Result</th>
+</tr>
+<tr>
+ <td>[ul]<br>
+ [li] First list element<br>
+ [li] Second list element<br>
+[/ul]<br>
+[list]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listbullet" style="list-style-type: circle;">
+ <li>First list element</li>
+ <li>Second list element</li>
+ </ul>
+ </td>
+</tr>
+<tr>
+ <td>[ol]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/ol]<br>
+[list=1]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listdecimal" style="list-style-type: decimal;">
+ <li> First list element</li>
+ <li> Second list element</li>
+ </ul>
+ </td>
+</tr>
+<tr>
+ <td>[list=]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listnone" style="list-style-type: none;">
+ <li> First list element</li>
+ <li> Second list element</li>
+ </ul>
+ </td>
+</tr>
+<tr>
+ <td>[list=i]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listlowerroman" style="list-style-type: lower-roman;">
+ <li> First list element</li>
+ <li> Second list element</li>
+ </ul>
+ </td>
+</tr>
+<tr>
+ <td>[list=I]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listupperroman" style="list-style-type: upper-roman;">
+ <li> First list element</li>
+ <li> Second list element</li>
+ </ul>
+ </td>
+</tr>
+<tr>
+ <td>[list=a]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listloweralpha" style="list-style-type: lower-alpha;">
+ <li> First list element</li>
+ <li> Second list element</li>
+ </ul>
+ </td>
+</tr>
+<tr>
+ <td>[list=A]<br>
+ [*] First list element<br>
+ [*] Second list element<br>
+[/list]</td>
+ <td>
+ <ul class="listupperalpha" style="list-style-type: upper-alpha;">
+ <li> First list element</li>
+ <li> Second list element</li>
+ </ul>
+ </td>
+</tr>
+</table>
+
+## Embed