Friendica Communications Platform (please note that this is a clone of the repository at github, issues are handled there) https://friendi.ca
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

BBCode.md 17 KiB

il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641
  1. Friendica BBCode tags reference
  2. ========================
  3. * [Creating posts](help/Text_editor)
  4. ## Inline
  5. <style>
  6. table.bbcodes {
  7. margin: 1em 0;
  8. background-color: #f9f9f9;
  9. border: 1px solid #aaa;
  10. border-collapse: collapse;
  11. color: #000;
  12. width: 100%;
  13. }
  14. table.bbcodes > tr > th,
  15. table.bbcodes > tr > td,
  16. table.bbcodes > * > tr > th,
  17. table.bbcodes > * > tr > td {
  18. border: 1px solid #aaa;
  19. padding: 0.2em 0.4em
  20. }
  21. table.bbcodes > tr > th,
  22. table.bbcodes > * > tr > th {
  23. background-color: #f2f2f2;
  24. text-align: center;
  25. width: 50%
  26. }
  27. </style>
  28. <table class="bbcodes">
  29. <tr>
  30. <th>BBCode</th>
  31. <th>Result</th>
  32. </tr>
  33. <tr>
  34. <td>[b]bold[/b]</td>
  35. <td><strong>bold</strong></td>
  36. </tr>
  37. <tr>
  38. <td>[i]italic[/i]</td>
  39. <td><em>italic</em></td>
  40. </tr>
  41. <tr>
  42. <td>[u]underlined[/u]</td>
  43. <td><u>underlined</u></td>
  44. </tr>
  45. <tr>
  46. <td>[s]strike[/s]</td>
  47. <td><strike>strike</strike></td>
  48. </tr>
  49. <tr>
  50. <td>[o]overline[/o]</td>
  51. <td><span class="overline">overline</span></td>
  52. </tr>
  53. <tr>
  54. <td>[color=red]red[/color]</td>
  55. <td><span style="color: red;">red</span></td>
  56. </tr>
  57. <tr>
  58. <td>[url=http://friendi.ca]Friendica[/url]</td>
  59. <td><a href="http://friendi.ca" target="external-link">Friendica</a></td>
  60. </tr>
  61. <tr>
  62. <td>[img]https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg[/img]</td>
  63. <td><img src="https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg" alt="Immagine/foto"></td>
  64. </tr>
  65. <tr>
  66. <td>[img=https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg]The Friendica Logo[/img]</td>
  67. <td><img src="https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg" alt="The Friendica Logo"></td>
  68. </tr>
  69. <tr>
  70. <td>[img=64x32]https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg[/img]<br>
  71. <br>Note: provided height is simply discarded.</td>
  72. <td><img src="https://raw.githubusercontent.com/friendica/friendica/master/images/friendica-32.jpg" style="width: 64px;"></td>
  73. </tr>
  74. <tr>
  75. <td>[size=xx-small]small text[/size]</td>
  76. <td><span style="font-size: xx-small;">small text</span></td>
  77. </tr>
  78. <tr>
  79. <td>[size=xx-large]big text[/size]</td>
  80. <td><span style="font-size: xx-large;">big text</span></td>
  81. </tr>
  82. <tr>
  83. <td>[size=20]exact size[/size] (size can be any number, in pixels)</td>
  84. <td><span style="font-size: 20px;">exact size</span></td>
  85. </tr>
  86. <tr>
  87. <td>[font=serif]Serif font[/font]</td>
  88. <td><span style="font-family: serif;">Serif font</span></td>
  89. </tr>
  90. </table>
  91. ### Links
  92. <table class="bbcodes">
  93. <tr>
  94. <th>BBCode</th>
  95. <th>Result</th>
  96. </tr>
  97. <tr>
  98. <td>[url]http://friendi.ca[/url]</td>
  99. <td><a href="http://friendi.ca">http://friendi.ca</a></td>
  100. </tr>
  101. <tr>
  102. <td>[url=http://friendi.ca]Friendica[/url]</td>
  103. <td><a href="http://friendi.ca">Friendica</a></td>
  104. </tr>
  105. <tr>
  106. <td>[bookmark]http://friendi.ca[/bookmark]<br><br>
  107. #^[url]http://friendi.ca[/url]</td>
  108. <td><span class="oembed link"><h4>Friendica: <a href="http://friendi.ca" rel="oembed"></a><a href="http://friendi.ca" target="_blank">http://friendi.ca</a></h4></span></td>
  109. </tr>
  110. <tr>
  111. <td>[bookmark=http://friendi.ca]Bookmark[/bookmark]<br><br>
  112. #^[url=http://friendi.ca]Bookmark[/url]<br><br>
  113. #[url=http://friendi.ca]^[/url][url=http://friendi.ca]Bookmark[/url]</td>
  114. <td><span class="oembed link"><h4>Friendica: <a href="http://friendi.ca" rel="oembed"></a><a href="http://friendi.ca" target="_blank">Bookmark</a></h4></span></td>
  115. </tr>
  116. <tr>
  117. <td>[url=/posts/f16d77b0630f0134740c0cc47a0ea02a]Diaspora post with GUID[/url]</td>
  118. <td><a href="/display/f16d77b0630f0134740c0cc47a0ea02a" target="_blank">Diaspora post with GUID</a></td>
  119. </tr>
  120. <tr>
  121. <td>#Friendica</td>
  122. <td>#<a href="/search?tag=Friendica">Friendica</a></td>
  123. </tr>
  124. <tr>
  125. <td>@Mention</td>
  126. <td>@<a href="javascript:void(0)">Mention</a></td>
  127. </tr>
  128. <tr>
  129. <td>acct:account@friendica.host.com (WebFinger)</td>
  130. <td><a href="/acctlink?addr=account@friendica.host.com" target="extlink">acct:account@friendica.host.com</a></td>
  131. </tr>
  132. <tr>
  133. <td>[mail]user@mail.example.com[/mail]</td>
  134. <td><a href="mailto:user@mail.example.com">user@mail.example.com</a></td>
  135. </tr>
  136. <tr>
  137. <td>[mail=user@mail.example.com]Send an email to User[/mail]</td>
  138. <td><a href="mailto:user@mail.example.com">Send an email to User</a></td>
  139. </tr>
  140. </table>
  141. ## Blocks
  142. <table class="bbcodes">
  143. <tr>
  144. <th>BBCode</th>
  145. <th>Result</th>
  146. </tr>
  147. <tr>
  148. <td>[p]A paragraph of text[/p]</td>
  149. <td><p>A paragraph of text</p></td>
  150. </tr>
  151. <tr>
  152. <td>Inline [code]code[/code] in a paragraph</td>
  153. <td>Inline <key>code</key> in a paragraph</td>
  154. </tr>
  155. <tr>
  156. <td>[code]Multi<br>line<br>code[/code]</td>
  157. <td><code>Multi
  158. line
  159. code</code></td>
  160. </tr>
  161. <tr>
  162. <td>[code=php]function text_highlight($s,$lang)[/code]<sup><a href="#supported-code">1</a></sup></td>
  163. <td><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></td>
  164. </tr>
  165. <tr>
  166. <td>[quote]quote[/quote]</td>
  167. <td><blockquote>quote</blockquote></td>
  168. </tr>
  169. <tr>
  170. <td>[quote=Author]Author? Me? No, no, no...[/quote]</td>
  171. <td><strong class="author">Author wrote:</strong><blockquote>Author? Me? No, no, no...</blockquote></td>
  172. </tr>
  173. <tr>
  174. <td>[center]Centered text[/center]</td>
  175. <td><div style="text-align:center;">Centered text</div></td>
  176. </tr>
  177. <tr>
  178. <td>You should not read any further if you want to be surprised.[spoiler]There is a happy end.[/spoiler]</td>
  179. <td>
  180. <div class="wall-item-container">
  181. You should not read any further if you want to be surprised.<br>
  182. <span id="spoiler-wrap-0716e642" class="spoiler-wrap fakelink" onclick="openClose('spoiler-0716e642');">Click to open/close</span>
  183. <blockquote class="spoiler" id="spoiler-0716e642" style="display: none;">There is a happy end.</blockquote>
  184. <div class="body-attach"><div class="clear"></div></div>
  185. </div>
  186. </td>
  187. </tr>
  188. <tr>
  189. <td>[spoiler=Author]Spoiler quote[/spoiler]</td>
  190. <td>
  191. <div class="wall-item-container">
  192. <strong class="spoiler">Author wrote:</strong><br>
  193. <span id="spoiler-wrap-a893765a" class="spoiler-wrap fakelink" onclick="openClose('spoiler-a893765a');">Click to open/close</span>
  194. <blockquote class="spoiler" id="spoiler-a893765a" style="display: none;">Spoiler quote</blockquote>
  195. <div class="body-attach"><div class="clear"></div></div>
  196. </div>
  197. </td>
  198. </tr>
  199. <tr>
  200. <td>[hr] (horizontal line)</td>
  201. <td><hr></td>
  202. </tr>
  203. </table>
  204. <a name="supported-code">1</a>: Supported language parameter values for code highlighting:
  205. - abap
  206. - avrc
  207. - cpp
  208. - css
  209. - diff
  210. - dtd
  211. - html
  212. - java
  213. - javascript
  214. - js
  215. - mysql
  216. - perl
  217. - php
  218. - python
  219. - ruby
  220. - sh
  221. - sql
  222. - vbscript
  223. - xml
  224. ### Titles
  225. <table class="bbcodes">
  226. <tr>
  227. <th>BBCode</th>
  228. <th>Result</th>
  229. </tr>
  230. <tr>
  231. <td>[h1]Title 1[/h1]</td>
  232. <td><h1>Title 1</h1></td>
  233. </tr>
  234. <tr>
  235. <td>[h2]Title 2[/h2]</td>
  236. <td><h2>Title 2</h2></td>
  237. </tr>
  238. <tr>
  239. <td>[h3]Title 3[/h3]</td>
  240. <td><h3>Title 3</h3></td>
  241. </tr>
  242. <tr>
  243. <td>[h4]Title 4[/h4]</td>
  244. <td><h4>Title 4</h4></td>
  245. </tr>
  246. <tr>
  247. <td>[h5]Title 5[/h5]</td>
  248. <td><h5>Title 5</h5></td>
  249. </tr>
  250. <tr>
  251. <td>[h6]Title 6[/h6]</td>
  252. <td><h6>Title 6</h6></td>
  253. </tr>
  254. </table>
  255. ### Tables
  256. <table class="bbcodes">
  257. <tr>
  258. <th>BBCode</th>
  259. <th>Result</th>
  260. </tr>
  261. <tr>
  262. <td>[table]<br>
  263. &nbsp;&nbsp;[tr]<br>
  264. &nbsp;&nbsp;&nbsp;&nbsp;[th]Header 1[/th]<br>
  265. &nbsp;&nbsp;&nbsp;&nbsp;[th]Header 2[/th]<br>
  266. &nbsp;&nbsp;&nbsp;&nbsp;[th]Header 2[/th]<br>
  267. &nbsp;&nbsp;[/tr]<br>
  268. &nbsp;&nbsp;[tr]<br>
  269. &nbsp;&nbsp;&nbsp;&nbsp;[td]Cell 1[/td]<br>
  270. &nbsp;&nbsp;&nbsp;&nbsp;[td]Cell 2[/td]<br>
  271. &nbsp;&nbsp;&nbsp;&nbsp;[td]Cell 3[/td]<br>
  272. &nbsp;&nbsp;[/tr]<br>
  273. &nbsp;&nbsp;[tr]<br>
  274. &nbsp;&nbsp;&nbsp;&nbsp;[td]Cell 4[/td]<br>
  275. &nbsp;&nbsp;&nbsp;&nbsp;[td]Cell 5[/td]<br>
  276. &nbsp;&nbsp;&nbsp;&nbsp;[td]Cell 6[/td]<br>
  277. &nbsp;&nbsp;[/tr]<br>
  278. [/table]</td>
  279. <td>
  280. <table>
  281. <tbody>
  282. <tr>
  283. <th>Header 1</th>
  284. <th>Header 2</th>
  285. <th>Header 3</th>
  286. </tr>
  287. <tr>
  288. <td>Cell 1</td>
  289. <td>Cell 2</td>
  290. <td>Cell 3</td>
  291. </tr>
  292. <tr>
  293. <td>Cell 4</td>
  294. <td>Cell 5</td>
  295. <td>Cell 6</td>
  296. </tr>
  297. </tbody>
  298. </table>
  299. </td>
  300. </tr>
  301. <tr>
  302. <td>[table border=0]</td>
  303. <td>
  304. <table border="0">
  305. <tbody>
  306. <tr>
  307. <th>Header 1</th>
  308. <th>Header 2</th>
  309. <th>Header 3</th>
  310. </tr>
  311. <tr>
  312. <td>Cell 1</td>
  313. <td>Cell 2</td>
  314. <td>Cell 3</td>
  315. </tr>
  316. <tr>
  317. <td>Cell 4</td>
  318. <td>Cell 5</td>
  319. <td>Cell 6</td>
  320. </tr>
  321. </tbody>
  322. </table>
  323. </td>
  324. </tr>
  325. <tr>
  326. <td>[table border=1]</td>
  327. <td>
  328. <table border="1">
  329. <tbody>
  330. <tr>
  331. <th>Header 1</th>
  332. <th>Header 2</th>
  333. <th>Header 3</th>
  334. </tr>
  335. <tr>
  336. <td>Cell 1</td>
  337. <td>Cell 2</td>
  338. <td>Cell 3</td>
  339. </tr>
  340. <tr>
  341. <td>Cell 4</td>
  342. <td>Cell 5</td>
  343. <td>Cell 6</td>
  344. </tr>
  345. </tbody>
  346. </table>
  347. </td>
  348. </tr>
  349. </table>
  350. ### Lists
  351. <table class="bbcodes">
  352. <tr>
  353. <th>BBCode</th>
  354. <th>Result</th>
  355. </tr>
  356. <tr>
  357. <td>[ul]<br>
  358. &nbsp;&nbsp;[li] First list element<br>
  359. &nbsp;&nbsp;[li] Second list element<br>
  360. [/ul]<br>
  361. [list]<br>
  362. &nbsp;&nbsp;[*] First list element<br>
  363. &nbsp;&nbsp;[*] Second list element<br>
  364. [/list]</td>
  365. <td>
  366. <ul class="listbullet" style="list-style-type: circle;">
  367. <li>First list element</li>
  368. <li>Second list element</li>
  369. </ul>
  370. </td>
  371. </tr>
  372. <tr>
  373. <td>[ol]<br>
  374. &nbsp;&nbsp;[*] First list element<br>
  375. &nbsp;&nbsp;[*] Second list element<br>
  376. [/ol]<br>
  377. [list=1]<br>
  378. &nbsp;&nbsp;[*] First list element<br>
  379. &nbsp;&nbsp;[*] Second list element<br>
  380. [/list]</td>
  381. <td>
  382. <ul class="listdecimal" style="list-style-type: decimal;">
  383. <li> First list element</li>
  384. <li> Second list element</li>
  385. </ul>
  386. </td>
  387. </tr>
  388. <tr>
  389. <td>[list=]<br>
  390. &nbsp;&nbsp;[*] First list element<br>
  391. &nbsp;&nbsp;[*] Second list element<br>
  392. [/list]</td>
  393. <td>
  394. <ul class="listnone" style="list-style-type: none;">
  395. <li> First list element</li>
  396. <li> Second list element</li>
  397. </ul>
  398. </td>
  399. </tr>
  400. <tr>
  401. <td>[list=i]<br>
  402. &nbsp;&nbsp;[*] First list element<br>
  403. &nbsp;&nbsp;[*] Second list element<br>
  404. [/list]</td>
  405. <td>
  406. <ul class="listlowerroman" style="list-style-type: lower-roman;">
  407. <li> First list element</li>
  408. <li> Second list element</li>
  409. </ul>
  410. </td>
  411. </tr>
  412. <tr>
  413. <td>[list=I]<br>
  414. &nbsp;&nbsp;[*] First list element<br>
  415. &nbsp;&nbsp;[*] Second list element<br>
  416. [/list]</td>
  417. <td>
  418. <ul class="listupperroman" style="list-style-type: upper-roman;">
  419. <li> First list element</li>
  420. <li> Second list element</li>
  421. </ul>
  422. </td>
  423. </tr>
  424. <tr>
  425. <td>[list=a]<br>
  426. &nbsp;&nbsp;[*] First list element<br>
  427. &nbsp;&nbsp;[*] Second list element<br>
  428. [/list]</td>
  429. <td>
  430. <ul class="listloweralpha" style="list-style-type: lower-alpha;">
  431. <li> First list element</li>
  432. <li> Second list element</li>
  433. </ul>
  434. </td>
  435. </tr>
  436. <tr>
  437. <td>[list=A]<br>
  438. &nbsp;&nbsp;[*] First list element<br>
  439. &nbsp;&nbsp;[*] Second list element<br>
  440. [/list]</td>
  441. <td>
  442. <ul class="listupperalpha" style="list-style-type: upper-alpha;">
  443. <li> First list element</li>
  444. <li> Second list element</li>
  445. </ul>
  446. </td>
  447. </tr>
  448. </table>
  449. ## Embed
  450. You can embed video, audio and more in a message.
  451. <table class="bbcodes">
  452. <tr>
  453. <th>BBCode</th>
  454. <th>Result</th>
  455. </tr>
  456. <tr>
  457. <td>[video]url[/video]</td>
  458. <td>Where *url* can be an url to youtube, vimeo, soundcloud, or other sites wich supports oembed or opengraph specifications.</td>
  459. </tr>
  460. <tr>
  461. <td>[video]Video file url[/video]
  462. [audio]Audio file url[/audio]</td>
  463. <td>Full URL to an ogg/ogv/oga/ogm/webm/mp4/mp3 file. An HTML5 player will be used to show it.</td>
  464. </tr>
  465. <tr>
  466. <td>[youtube]Youtube URL[/youtube]</td>
  467. <td>Youtube video OEmbed display. May not embed an actual player.</td>
  468. </tr>
  469. <tr>
  470. <td>[youtube]Youtube video ID[/youtube]</td>
  471. <td>Youtube player iframe embed.</td>
  472. </tr>
  473. <tr>
  474. <td>[vimeo]Vimeo URL[/vimeo]</td>
  475. <td>Vimeo video OEmbed display. May not embed an actual player.</td>
  476. </tr>
  477. <tr>
  478. <td>[vimeo]Vimeo video ID[/vimeo]</td>
  479. <td>Vimeo player iframe embed.</td>
  480. </tr>
  481. <tr>
  482. <td>[embed]URL[/embed]</td>
  483. <td>Embed OEmbed rich content.</td>
  484. </tr>
  485. <tr>
  486. <td>[iframe]URL[/iframe]</td>
  487. <td>General embed, iframe size is limited by the theme size for video players.</td>
  488. </tr>
  489. <tr>
  490. <td>[url]*url*[/url]</td>
  491. <td>If *url* supports oembed or opengraph specifications the embedded object will be shown (eg, documents from scribd).
  492. Page title with a link to *url* will be shown.</td>
  493. </tr>
  494. </table>
  495. ## Map
  496. This requires "openstreetmap" or "Google Maps" addon version 1.3 or newer.
  497. If the addon isn't activated, the raw coordinates are shown instead.
  498. <table class="bbcodes">
  499. <tr>
  500. <th>BBCode</th>
  501. <th>Result</th>
  502. </tr>
  503. <tr>
  504. <td>[map]address[/map]</td>
  505. <td>Embeds a map centered on this address.</td>
  506. </tr>
  507. <tr>
  508. <td>[map=lat,long]</td>
  509. <td>Embeds a map centered on those coordinates.</td>
  510. </tr>
  511. <tr>
  512. <td>[map]</td>
  513. <td>Embeds a map centered on the post's location.</td>
  514. </tr>
  515. </table>
  516. ## Abstract for longer posts
  517. If you want to spread your post to several third party networks you may have the problem that these networks have a length limitation like on Twitter.
  518. Friendica uses a semi-intelligent mechanism to generate a fitting abstract.
  519. But it can be useful to define a custom abstract that will only be displayed on the external network.
  520. This is done with the [abstract]-element.
  521. <table class="bbcodes">
  522. <tr>
  523. <th>BBCode</th>
  524. <th>Result</th>
  525. </tr>
  526. <tr>
  527. <td>[abstract]Totally interesting! A must-see! Please click the link![/abstract]<br>
  528. I want to tell you a really boring story that you really never wanted to hear.</td>
  529. <td>Twitter would display the text <blockquote>Totally interesting! A must-see! Please click the link!</blockquote>
  530. On Friendica you would only see the text after <blockquote>I want to tell you a really ...</blockquote></td>
  531. </tr>
  532. </table>
  533. It is even possible to define abstracts for separate networks:
  534. <table class="bbcodes">
  535. <tr>
  536. <th>BBCode</th>
  537. <th>Result</th>
  538. </tr>
  539. <tr>
  540. <td>
  541. [abstract]Hi friends Here are my newest pictures![/abstract]<br>
  542. [abstract=twit]Hi my dear Twitter followers. Do you want to see my new
  543. pictures?[/abstract]<br>
  544. [abstract=apdn]Helly my dear followers on ADN. I made sone new pictures
  545. that I wanted to share with you.[/abstract]<br>
  546. Today I was in the woods and took some real cool pictures ...</td>
  547. <td>For Twitter and App.net the system will use the defined abstracts.<br>
  548. For other networks (e.g. when you are using the "statusnet" connector that is used to post to your GNU Social account) the general abstract element will be used.</td>
  549. </tr>
  550. </table>
  551. If you use (for example) the "buffer" connector to post to Facebook or Google+ you can use this element to define an abstract for a longer blogpost that you don't want to post completely to these networks.
  552. Networks like Facebook or Google+ aren't length limited.
  553. For this reason the [abstract] element isn't used.
  554. Instead you have to name the explicit network:
  555. <table class="bbcodes">
  556. <tr>
  557. <th>BBCode</th>
  558. <th>Result</th>
  559. </tr>
  560. <tr>
  561. <td>
  562. [abstract]These days I had a strange encounter...[/abstract]<br>
  563. [abstract=goog]Hello my dear Google+ followers. You have to read my newest blog post![/abstract]<br>
  564. [abstract=face]Hello my Facebook friends. These days happened something really cool.[/abstract]<br>
  565. While taking pictures in the woods I had a really strange encounter...</td>
  566. <td>Google and Facebook will show the respective abstracts while the other networks will show the default one.<br>
  567. <br>Meanwhile, Friendica won't show any of the abstracts.</td>
  568. </tr>
  569. </table>
  570. The [abstract] element is not working with connectors where we post HTML directly, like Tumblr, Wordpress or Pump.io.
  571. For the native connections--that is to e.g. Friendica, Hubzilla, Diaspora or GNU Social--the full posting is used and the contacts instance will display the posting as desired.
  572. ## Special
  573. <table class="bbcodes">
  574. <tr>
  575. <th>BBCode</th>
  576. <th>Result</th>
  577. </tr>
  578. <tr>
  579. <td>If you need to put literal bbcode in a message, [noparse], [nobb] or [pre] are used to escape bbcode:
  580. <ul>
  581. <li>[noparse][b]bold[/b][/noparse]</li>
  582. <li>[nobb][b]bold[/b][/nobb]</li>
  583. <li>[pre][b]bold[/b][/pre]</li>
  584. </ul>
  585. </td>
  586. <td>[b]bold[/b]</td>
  587. </tr>
  588. <tr>
  589. <td>[nosmile] is used to disable smilies on a post by post basis<br>
  590. <br>
  591. [nosmile] ;-) :-O
  592. </td>
  593. <td>;-) :-O</td>
  594. </tr>
  595. <tr>
  596. <td>Custom inline styles<br>
  597. <br>
  598. [style=text-shadow: 0 0 4px #CC0000;]You can change all the CSS properties of this block.[/style]</td>
  599. <td><span style="text-shadow: 0 0 4px #cc0000;;">You can change all the CSS properties of this block.</span></td>
  600. </tr>
  601. <tr>
  602. <td>Custom class block<br>
  603. <br>
  604. [class=custom]If the class exists, this block will have the custom class style applied.[/class]</td>
  605. <td><pre>&lt;span class="custom"&gt;If the class exists,<br> this block will have the custom class<br> style applied.&lt;/span&gt;</pre></td>
  606. </tr>
  607. </table>