BBCode ký tự, các thuộc tính của BBCode

[indent]Thuộc tính BBCode và các ký tự thay thế[/indent]

Bài giới thiệu chuẩn bị cho các BBCode có tiếp nhận thông số, kèm theo đó là các ký tự thay thế hữu dụng.
Những phần mình để trong spoiler là những phần không quan trọng, có thể bỏ qua nếu muốn.

[hs1]Thuộc tính BBCode[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
[toc][/box][hs2]Thuộc tính của BBCode là gì?[/hs2]
[indent]Thuộc tính BBCode nói chung nó là những thông số mà chúng ta phải thêm vào để BBCode làm đúng những gì chúng ta mong muốn. Ví dụ để BBCode font hiển thị đúng font mà chúng ta cần, lẽ hiển nhiên là ta phải nhập tên của cái font cho nó, đó chính là thuộc tính. [/indent]

[hs2]Thuộc tính BBCode được dùng như thế nào?[/hs2]
[indent]Thuộc tính của BBCode được khai báo trong tag mở của BBCode, và được viết theo ba dạng.
[cbox]{Tên thuộc tính}={Giá trị thuộc tính}[/cbox]
hoặc
[cbox]{Tên thuộc tính}[/cbox]
hoặc
[cbox]{Tên thuộc tính}="{Giá trị thuộc tính}"[/cbox]
Vậy khi nào phải dùng dấu ngoặc kép, khi nào không? Chỉ có 5 loại BBCode không cần để giá trị thuộc tính trong ngoặc kép, đó là: color, font, size, url, spoiler. Tất cả chúng đều là BBCode có sẵn.

[box box="border: 4px solid #00dd00; border-radius: 10px"]Nội dung Nội dung Nội dung[/box]

[ob]box box="border: 4px solid #00dd00; border-radius: 10px"[cb]Nội dung Nội dung Nội dung [ob]/box[cb]

Về khai báo rút gọn
Trong trường hợp tên thuộc tính trùng với tên BBCode, ta có thể nối trực tiếp thuộc tính đó vào tên mở đầu của BBCode, trường hợp này mình gọi là khai báo rút gọn.
Hai dòng sau hoạt động hoàn toàn như nhau.
[cbox][ob]box box="border: 4px solid #00dd00; border-radius: 10px"[cb]Nội dung Nội dung Nội dung[ob]/box[cb]
Đây là khai báo thông thường[/cbox]
[cbox][ob]box="border: 4px solid #00dd00; border-radius: 10px"[cb]Nội dung Nội dung Nội dung[ob]/box[cb]
Đây là khai báo rút gọn[/cbox]

- Nếu BBCode nhận nhiều hơn 1 thuộc tính, các thuộc tính cách nhau bằng khoảng trắng (không được phép xuống dòng).
[cbox]{Tên thuộc tính}="{Giá trị thuộc tính}" {Tên thuộc tính}="{Giá trị thuộc tính}" {Tên thuộc tính}="{Giá trị thuộc tính}"[/cbox]

Sự thật là các thuộc tính cũng không nhất thiết phải cách nhau bằng khoảng trắng:

- Thứ tự khai báo thuộc tính không quan trọng, nhưng nếu khai báo rút gọn thì thuộc tính rút gọn luôn phải đứng đầu.

- Không cần phải khai báo tất cả các loại thuộc tính, những thuộc tính bị bỏ qua sẽ tự có giá trị mặc định thay vào.[/indent]

[hs2]Chú ý[/hs2]
[indent]Có 3 ký tự không thể xuất hiện trong giá trị của thuộc tính, đó là: [ , ] và "
Nguyên nhân, hệ thống sẽ nhầm lẫn dấu [ và ] với dấu đóng/mở BBCode và nhầm dấu " với dấu mở đầu/kết thúc giá trị thuộc tính.[/indent]

[hs1]Các ký tự thay thế[/hs1]
[indent]Vậy trong trường hợp cấp bách bạn phải đưa mấy ký tự ở trên vào trong thuộc tính thì sao? Câu trả lời là dùng ký tự thay thế.

Ký tự thay thế	Ký tự hiển thị
#ob#	[ - Dấu mở ngoặc vuông
#cb#	] - Dấu đóng ngoặc vuông
#qu#	" - Dấu ngoặc kép
#cl#	: - Dấu hai chấm
/#	# - Dấu thăng

Ví dụ:
+ #ob#C87#cb# sẽ hiển thị là [C87]
+ Tên#cl# mr.equal sẽ hiển thị là Tên: mr.equal
+ /#ob/# sẽ hiển thị là #ob#
+ //#cb//# sẽ hiển thị là /#cb/#[/indent]

[hs1]Các BBCode ký tự[/hs1]
[hs2]ob[/hs2]: Hiển thị dấu [
[indent][cbox][ob]ob[cb][/cbox][/indent]

[hs2]cb[/hs2]: Hiển thị dấu ]
[indent][cbox][ob]cb[cb][/cbox][/indent]

[hs2]b1[/hs2]: Hiển thị dấu •
[indent][cbox][ob]b1[cb][/cbox][/indent]

[hs2]b2[/hs2]: Hiển thị dấu ◦
[indent][cbox][ob]b2[cb][/cbox][/indent]

[hs2]b3[/hs2]: Hiển thị dấu ‣
[indent][cbox][ob]b3[cb][/cbox][/indent]

[hs2]space[/hs2]: Hiển thị khoảng trắng, mặc định là 30px
[indent][cbox][ob]space="{Độ dài khoảng trắng}"[cb][/cbox]

Nội dung[space="60px"]Nội dung Nội dung[space]Nội dung

Nội dung[ob]space="60px"[cb]Nội dung Nội dung[ob]space[cb]Nội dung

[/indent]

[hs2]clear[/hs2]: Xuống dòng
[indent][cbox][ob]clear[cb][/cbox][/indent]

[hs1]FAQ[/hs1]
Q: Tại sao cần BBCode chỉ để hiển thị mấy ký tự [ và ]?
A: Vì hệ thống sẽ không coi đó là dấu đóng, mở BBCode, và mình có thể dùng chúng để viết như thế này: [ob]center[cb] mà không sợ làm hỏng giao diện.
Q: Vậy còn mấy ký tự • hay ◦?
A: Chúng dùng để đánh dấu đề mục trong danh sách, làm ra vì sự lười dùng BBCode list của mình.
Q: Tới cả khoảng trắng với xuống dòng mà cũng phải dùng BBCode cơ á? Cứ enter với space đều đều là xong mà?
A: Dòng đầu tiên của một đoạn văn thường được viết thụt vào, bạn hãy thử làm bằng cách ấn space thật nhiều xem?
         Nếu bạn quote lại bạn sẽ thấy dòng này có 10 dấu cách đằng trước, nhưng trong hầu hết trình duyệt khi hiển thị thì nó hoàn toàn dính vào lề trái.
[space]Bằng cách dùng BBCode space mình có thể làm việc này hết sức dễ dàng. Trong quá trình sử dụng BBCode chắc chắn bạn sẽ không ít lần gặp tình huống tương tự.

[metabox][tablestyle="alter"]border: 1px solid #87ceeb; border-radius: 5px; width: 100%[/tablestyle]
[tablestyle="alter td"]border: 1px solid #87ceeb; border-radius: 5px; padding: 2px[/tablestyle][/metabox]