BBcode

BBCode - co to jest?
Jest to szeroko przyjęty i często stosowany system formatowania, mający ułatwić osobą nieposługującym się na co dzień HTML-em pisanie sformatowanych tekstów na strony internetowe. Dużą popularność zdobył dzięki systemowi forów phpBB oraz obecności w wielu systemach CMS (zarządzania treścią).


Jak go używać?
Składnia tego języka jest bardzo prosta. Znaczniki formatujące składają się ze znacznika otwierającego i znacznika zamykającego. Wyglądają one tak:
[coś] - znacznik otwierający element „coś"
[/coś] - znacznik zamykający element „coś"
Wszystko co znajdzie się pomiędzy tymi znacznikami przynależy do danego elementu i ma określone cechy.
Niektóre elementy zezwalają na podanie dodatkowych atrybutów. Modyfikacji podlega wtedy tylko znacznik otwierający i przybiera postać:
[coś=atrybut] - znacznik otwierający element „coś"



Elementy BBCode dostępne w CeloxCMS:

Wstawianie filmów:
Filmy z serwisu vimeo. Numer filmu z vimeo to ciąg znaków znajdujący się bezpośrednio po ukośniku w adresie filmu (http://vimeo.com/19003270).

Przykładowy kod:
[vimeo]numer_filmu[/vimeo]



Filmy z serwisu youtube. Identyfikator filmu z youtube to ciąg znaków przypisany do parametru „v” w adresie filmu (http://www.youtube.com/watch?v=_Gi2Mtqw-Xk).

Przykładowy kod:
[youtube]identyfikator filmu[/youtube]



Wstawianie obrazków:

[img]adres obrazka[/img]

[img float=left]adres obrazka[/img]

[img float=right]adres obrazka[/img]



Formatowanie tekstu:

[b]tekst pogrubiony[/b]

[u]tekst podkreślony[/u]

[i]tekst pochylony[/i]

[s]tekst przekreślony[/s]

[strong]nagłówek, ważny element[/strong]

[akapit]akapit[/akapit]

[akapit align=right]akapit z tekstem od prawej[/akapit]

[center]tekst bądź inne elementy wyśrodkowane[/center]

[color=angielska nazwa lub kod koloru]tekst w kolorze[/color]

[quote]Cytat[/quote]

[quote=Jan]Cytat, którego autorem jest Jan[/quote]


Dodawanie indeksudolnego lub indeksugórnego:

indeks[sub]dolny[/sub]

indeks[sup]górny[/sup]



Tworzenie list i wykazów:

Najpierw dodajemy znaczniki odpowiednio listy/wykazu, które będą „okalały” konstrukcję:

[lista]lista punktowana[/lista]

[ul]lista punktowana[/ul]


[wykaz]wykaz[/wykaz]

[ol]wykaz[/ol]


Następnie dodajemy kolejne elementy do listy:

[element]element listy lub wykazu[/element]

[li]element listy lub wykazu[/li]


Przykłady:

Przykład
[lista]
[li]listy[/li]
[li]punktowanej[/li]
[/lista]
Przykład
  • listy
  • punktowanej




Przykład
[wykaz]
[li]wykazu[/li]
[li]w BBcode.[/li]
[/wykaz]
Przykład
  1. wykazu
  2. w BBcode.






Odnośniki (linki, hiperłącza):

[url]adres odnośnika[/url]

[url text=Opis linku]adres odnośnika[/url]

[url=adres odnośnika]Opis linku[/url]

[mail]adres e-mail[/mail]

[gg]adres gadu-gadu[/gg]


Ramki:

[iframe]adres ramki[/iframe]

[iframe width=szerokosc height=wysokosc]adres ramki[/iframe]

[iframe width=szerokosc]adres ramki[/iframe]

[iframe id=identyfikator]adres ramki[/iframe]

[fbbox]adres ramki Facebooka[/fbbox]


Wzory matematyczne:

Znacznik usemath włącza działanie wzorów matematycznych w danym artykule lub newsie - jest wymagany do inicjalizacji systemu.

[usemath][/usemath]


Po dodaniu znacznika inicjalizującego, wzory można dodawać za pomocą znaczników:
[math]wzór[/math]

[m]wzór[/m]


Skrypty:

[javascript]skrypt[/javascript]

[javascript src=adres][/javascript]


Style CSS:

[style]tutaj_umiesc_style_css[/style]

[style src=adres][/style]


Tabele:

Do tworzenia tabel można wykorzystać:



CSV (Comma-separated values) jest prostym formatem służącym do reprezentacji danych tabelarycznych za pomocą tekstu, przecinków i znaków końca linii.

Utworzenie następującej tabeli:

produktcena
stojak12zł
znak20zł


wymaga kodu:

[csv]produkt,cena
stojak,12zł
znak,20zł[/csv]


Czysty kod HTML:

Przy użyciu znacznika html można wstawiać kod HTML do kodu BBcode.

Przykład:



[html]<button id='test' class='some-class'>test</button>[/html]


Komentarze:

Aby pozostawić w dokumencie komentarz, który będą widzieć tylko użytkownicy posiadający uprawnienia do edycji dokumentu należy użyć znacznika "comment".

Przykład:

tu jest komentarz →

tu jest komentarz → [comment]żeby go zobaczyć,
rozpocznij edycję dokumentu w trybie BBcode[/comment]