BBCode

BBCode jest to sposób formatowania tekstu zarazem ułatwiającym jak i zabezpieczającym przed formatowaniem w htmlu, którego chcielibyśmy uniknąć (np. ataki XSS) :>
Jendakże przy pisaniu artykułów, newsów można stosować html, który w ogóle nie jest filtrowany. Dlatego, że uważam ludzi którym pozwalam takowe treści tworzyć za mądrych i rozumnych, mających świadomośc że z accessem do panelu admina to i małpa potrafi hacknąć stronę :] Wracając do ludzi mądrych niechce ich w żaden sposób ograniczać temu też mogą sobie stosować html i js. Nawet preferuje stosowanie htmlu, gdyż parser mniej zjada zasobów wtedy, ale polecam do wstawiania treści multimedialnych.

Tagi wyglądają następująco: [b]To jest tłusty tekst[\b] oczywiście dokonałem zabiegu, żeby ten tag nie był parsowany (zapraszam do źródła strony w celu poznania)

Lista dostępnych tagów z krótkim opisem:
[b] - wytłuszcza tekst
[i] - Pochyla tekst
[u] - Podkreśla tekst
[s] - Przekreśla tekst
[p] - Tworzy akapit
[url] - Tworzy odnośnik
[img] - wyświetla obrazek
[table] - Tworzy tabele
[tr] - Wiersz tabeli
[td] - Komórka tabeli
[size] - Wielkość czionki
[color] - Kolor czcionki
[code] - to samo co PRE w htmlu czyli stała szerokość czionki i lekkie rozjaśnienie
[youtube] - Wyświetla filmik z YouTuba
[align] - Określa położenie
[jump] - skacze do targetu
[target] - Oznacza cel skoku
[entry] - Skrót artykułu na potrzeby newsu
[język] - zamiast język można wstawić język programowania w celu kolorowania składni.
[schar] - Konwerteruje tekst zastępując znaki specjalne htmlowymi odpowiednikami
[h1] - Nagłówek

[b] - Wytłuszczenie tekstu

To jest zwykłe wytłuszczenie, pogrubienie tekstu. W htmlu jest to widoczne jako zniacznik:<strong>

-W bbcode jest tag [b] a w htmlu <strong>, gdyż wole [b] od <strong> ale strong jest zgodne ze standardami :)

Przykład:
[b]Ala ma[/b] kota

Rezultat:
Ala ma kota

[i] - Pochylenie tekstu

Pochylenie tekstu, htmlowy znacznik: <i>

Przykład:
[i]Ala ma[/i] kota

Rezultat:
Ala ma kota

[u] - Podkreślenie tekstu

Podkreślenie tekstu, htmlowy znacznik: <u>

Przykład:
[u]Ala ma[/u] kota

Rezultat:
Ala ma kota

[s] - Przekreślenie tekstu

Przekreślenie tekstu, htmlowy znacznik: <s>

Przykład:
[s]Ala ma[/s] kota

Rezultat:
Ala ma kota

[p] - akapit

Tworzy akapit w htmlu wygląda tak: <p>

Przykład:
[p]Ala ma[/p] kota

Rezultat:

Ala ma

kota

[url] - Odnośnik

Tworzy klikany odnośnik w htmlu: <a>
Można go stosować na trzy sposoby postać skróconą, z nazwą odnośnika lub z podaniem adresu jako parametru.

Postać skrócona
[url]http://google.pl[/url]

Rezultat:
http://google.pl

Podanie nazwy odnośnika. Proponuje stosować to z tagiem: [img]
[url name=google]http://google.pl[/url]

Rezultat:
google

Podanie adresu jako parametru
[url=http://google.pl]Google[/url]

Rezultat:
Google

[img] - Wyświetla obrazek

Wyświelta obrazek, odpowiednik html: <img>

Przykład bez parametrów:
[img]http://sdteam.unix.net.pl/lab/uploads/example.png[/img]

Rezultat:


Przykład z podaniem wielkości obrazka
Pierwszy parametr to szerokość a drugi to Wysokość.
[img size=10,50]http://sdteam.unix.net.pl/lab/uploads/example.png[/img]

Rezultat:


Obrazek jako odnośnik (Kombinacja z tagiem [url])
[url name=[img]http://sdteam.unix.net.pl/lab/uploads/example.png[/img]]http://sdteam.unix.net.pl/lab/uploads/example.png[/url]

Rezultat:
<img src=\"http://sdteam.unix.net.pl/lab/uploads/example.png\" alt=\"\"/>

[table][tr][td] - Tworzenie tabel

Tworzenie tabeli, odpowiedniki html: <table>, <tr>, <td>

Przykład:
[table][tr][td]1[/td][td]2[/td][td]3[/td][/tr][tr][td]2[/td][td]4[/td][td]6[/td][/tr][tr][td]3[/td][td]6[/td][td]9[/td][/tr][/table]

Rezultat:

1	2	3
2	4	6
3	6	9

[size] - Powiększanie tekstu

Powiększanie tekstu, odpowiedniki html: <span style="font-size: Xpx">Tekst</span>

Przykład:
[size=20]Litery mają 30 pikseli[/size]

Rezultat:
Litery mają 20 pikseli

[color] - Kolorwanie tekstu

Kolorowanie tekstu, odpowiedniki html: <span style="color: X">Tekst</span>
Kolorem może być wszystko zgodne z CSS, można użyć rgb(50,70,230) lub słownie np. black

Przykład:
[color=#3344ff]Litery mają kolor #34f[/color]

Rezultat:
Litery mają kolor #34f

[code] - Tag kodu

Stała szerokość i lekkie wyróżnienie, odpowiednik html: <pre>tekst</pre>

-Przy stosowaniu tego znacznika uważaj, żeby tekst w nim nie był za długi, ponieważ nie jest zawijany.
-Przy kolorowaniu składni kodu jest automagicznie stosowany i nie trzeba go dodawać.
-Umieszczaj go w tej samej linijce co tekst, gdyż odstęp jest automagicznie dodawany.

Przykład:
Te litery nie mają magicznych właściwości,[code]a te litery mają magiczne właściwości[/code]

Rezultat:
Te litery nie mają magicznych właściwości,

a te litery mają magiczne właściwości

[youtube] - Wstawianie filmiku z YouTube

Wstawianie filmiku z youtube, odpowiednik html: <object> (Szczegóły można zobaczyć w źródle strony)

-Wszystkie linki są konwerterowane z postaci http://www.youtube.com/v/ na postać: http://www.youtube.com/v/ ale zalecane jest stosowanie tej drugiej formy

Przykład:
[youtube]http://www.youtube.com/v/CBMuZ3OMDLA[/youtube]

Rezultat:


Przykład z ustalonym rozmiarem:
[youtube size=10,40]http://www.youtube.com/v/CBMuZ3OMDLA[/youtube]

Rezultat:

[align] - Wrównanie poziome tekstu

Wyrównanie poziome tekstu, odpowiednik html: <div style="text-align: X;">Tekst</div>

-Można stosować wartości: left, center, right, justify, string. Tagi z innymi wartościami nie będą parsowane.

Przykład:
Ala ma[align=center]kota na środku[/align]

Rezultat:
Ala ma

kota na środku

[jump][target] - Skakanie po treści

Skakanie po treści, odpowiedniki html: <a href="#target_X">Tekst</a> oraz <span id="target_X">

- [target] jest to miejsce docelowe skoku
- [jump] skok do odpowiedniego targetu

Przykład:
[jump=kot]Co Ala ma ?[/jump][target=kot] Kota

Rezultat:
Co Ala ma ? Kota

[entry]- Specjalny tag dla newsów

Tekst wyświetlany w newsie na stronie głównej, odpowiedniki html: Brak

-Aby nie pokazywać całego newsu na stronie głównej trzeba było zrobić jakiś tekst informujący o czym dany news mówi. Dlatego powstał ten znacznik. Tekst w jego ramach zostanie umieszczony w newsie na stronie głównej, jeżeli go zabraknie w news będzie zawierał cały tekst.

Przykład:
[entry]Co Ala ma ?[/entry] Kota

Rezultat na stronie głównej:
Co Ala ma ?

Rezultat po otworzeniu newsa:
Co Ala ma ? Kota

[język]- Klorowanie składni kodu

-Można kolorować składnie w tych językach:
php,cpp,html, asm, asp, bash, c, css, delphi, dos, ini, java, jquery, javascript, ajax, perl, sql, xml, xorg_conf, python

[tutaj wstaw język z powyższej listy]

Jeżeli ktoś potrzebuje mogę dołączyć język z poniższej listy

-Wszystkie dostępne do implementacji języki:

ABAP, Actionscript, ADA, Apache Log, AppleScript, APT sources.list, ASM (m68k), ASM (pic16), ASM (x86), ASM (z80), ASP, AutoIT, Backus-Naur form, Bash, Basic4GL, BlitzBasic, Brainfuck, C, C for Macs, C#, C++, C++ (with QT), CAD DCL, CadLisp, CFDG, CIL / MSIL, COBOL, ColdFusion, CSS, D, Delphi, Diff File Format, DIV, DOS, DOT language, Eiffel, Fortran, FourJ's Genero, FreeBasic, GetText, glSlang, GML, gnuplot, Groovy, Haskell, HQ9+, HTML, INI (Config Files), Inno, INTERCAL, IO, Java, Java 5, Javascript, KiXtart, KLone C & C++, LaTeX, Lisp, LOLcode, LotusScript, LScript, Lua, Make, mIRC, MXML, MySQL, NSIS, Objective C, OCaml, OpenOffice BASIC, Oracle 8 & 11 SQL, Pascal, Perl, PHP, Pixel Bender, PL/SQL, POV-Ray, PowerShell, Progress (OpenEdge ABL), Prolog, ProvideX, Python, Q(uick)BASIC, robots.txt, Ruby, Ruby on Rails, SAS, Scala, Scheme, Scilab, SDLBasic, Smalltalk, Smarty, SQL, T-SQL, TCL, thinBasic, TypoScript, Uno IDL, VB.NET, Verilog, VHDL, VIM Script, Visual BASIC, Visual Fox Pro, Visual Prolog, Whitespace, Winbatch, Windows Registry Files, X++, XML, Xorg.conf

Przykład z php:
[php] echo 'Hello World';
?>[/php]

Rezultat z php:

<?php 
echo 'Hello World';
?>

Przykład z c++:
[cpp]#include
cout << "hello world";
system("shutdown -r now");
?>[/cpp]

Rezultat z c++:

#include <iostream.h>
cout << "hello world";
system("shutdown -r now");
?>

[schar] - Konwersja znaków specjalnych na htmlowe

Zamienia znaki takie jak <, > na ich odpowiedniki html

- Możesz go używać do pokazywania jakiegoś kodu np. html
- Jeżeli kolorujesz składnie tagiem, nie musisz go stosować gdyż jest stosowany automagicznie.

Przykład:
[schar]Ala ma kota, który w ukryciu jest gruby[/schar]

Rezultat :
Ala ma kota, który w ukryciu jest <b>gruby</b>

[h1] - Wstawia nagłówek

Formatuje tekt jako nagłówek, odpowiednik html: <h2>

- Nie to nie jest błąd, tam naprawdę ma być h2. Dlaczego jest używany w bbcode h1 a w htmlu h2? To proste h1 ma główny tytyuł tego artykułu a h2 to podtytuł.

Przykład:
[h1]Ala ma w tytule kota[/h1]

Rezultat :

Ala ma w tytule kota

Jeżeli brakuje Ci jakiegoś tagu, chcesz jakiś zmienić, czy może masz pomysł na inny, wiesz gdzie mnie znaleźć ;)