Ở đây mình sẽ hướng dẫn bạn cách sử dụng BBcode trên Forum , nó sẽ là công cụ đắc lực cho bạn trong nhiều tình huống mà bộ soạn thảo mặc định không thể xử lí được
BBcode gì ? Khi ở những ngày đầu Forum được khai sinh , các Forum luôn phải quản lí rất chặt việc người dùng sử dụng HTML và các ngôn ngữ khác như PHP , js , . . trong Topic của mình , đôi khi hệ thống sẽ vô tình thực thi đám lệnh của ai đó cố tình cho vào và dẫn đến các vấn đề về bảo mật nghiêm trọng
- Nhưng , cấm nhiều thì khó phát triển , cần có gì đó để người dùng sử dụng nâng cao 1 tí nhằm tuỳ biến Topic của họ => Đó là lúc BBcode ra đời , cháu nó cũng được gọi là ngôn ngữ Forum , bbcode có thể hiển thị tương tự như HTML nhưng đơn giản hơn rất nhiều , ngoài ra BBcode hoàn toàn nằm trong giới hạn an toàn mà các Admin đã đặt ra nên vấn đề bảo mật đã được đảm bảo
Ví dụ : Nếu bạn nhập dòng này lên topic
[b]in đậm[/b] => in đậm
Cách sử dụng BBcode ( cú pháp của nó ) :
1. In đậm , nghiêng , gạch chân :
Xin chào! => sẽ trở thành Xin chào!
*Để gạch chân văn bản hãy sử dụng cặp thẻ [u][/u], ví dụ như:
[u]Chào buổi sáng![/u] => sẽ thành Chào buổi sáng!
*Để tạo văn bản in nghiêng bạn dùng cặp thẻ [i][/i], ví dụ như:
Điều này thật [i]tuyệt vời![/i] => sẽ hiển thị thành Điều này thật tuyệt vời!
2. Đổi màu, kích thước văn bản :
Để thay đổi màu văn bản, bạn hãy đặt nó trong cặp thẻ [color=][/color]. Bạn có thể xác định bằng một tên màu được chấp nhận như: red, blue, yellow… hay sử dụng mã màu hex như: #FFFFFF, #000000… Ví dụ, để tạo một đoạn văn bản có chữ màu đỏ bạn có thể dùng như sau:
[color=red]Xin chào![/color] hoặc [color=#FF0000]Xin chào![/color]
Cả hai cách trên sẽ cho ra cùng kết quả Xin chào!
---
Thay đổi kích thước của văn bản cũng làm tương tự như trên nhưng dùng với cặp thẻ [size=][/size]. Việc sử dụng thẻ này còn tùy thuộc vào giao diện mà thành viên đã chọn sử dụng trong hệ thống nhưng bạn nên dùng kích thước là một giá trị số đếm tiêu biểu với đơn vị tính là phần trăm, bắt đầu từ 2 (rất nhỏ) cho đến 200 (rất lớn) theo mặc định. Ví dụ:
[size=2]NHỎ XÍU[/size] => sẽ tạo ra NHỎ XÍU
nhưng ngược lại:
[size=200]LỚN QUÁ[/size] =>sẽ cho ra LỚN QUÁ
3. Chèn code vào bài :
[code]đoạn code bạn muốn chèn [/code] =>
đoạn code bạn muốn chèn
4. Chèn link vào bài :
Trước tiên cặp thẻ cần sử dụng là [url=][/url] . Bất cứ thứ gì bạn nhập sau dấu = sẽ trở thành nội dung của thẻ đó và được hiểu là một địa chỉ URL.
- Ví dụ, để liên kết đến website aowvn.org vào forum bạn sẽ sử dụng như sau:
[url=https://www.aowvn.org/]Ghé thăm AowVN nào![/url]
Một liên kết sẽ được tạo ra như sau: Ghé thăm AowVN nào!
- Nếu bạn muốn tạo một liên kết hiển thị với chính địa chỉ URL của nó, hãy làm như sau:
[url]https://www.aowvn.org/[/url]
Liên kết tạo ra sẽ là: https://www.aowvn.org/
5. Chèn ảnh vào bài :
Chúng ta sử dụng thẻ [img]Link ảnh[/img]
- Ví dụ
[img]https://cdn.statically.io/img/i.imgur.com/apH4lxz.jpg[/img]
Ta sẽ có ảnh dưới 
5.5 Chèn ảnh vào bài ( nâng cao ) :
Thay đổi kích thước ảnh :
Để thay đổi kích thước ảnh , hãy dùng thêm cú pháp Width và Height kèm với thẻ [img]Link ảnh[/img]
Cú pháp : [img width=kích thước height=kích thước]Link ảnh[/img]
- Ví dụ , mình muốn cái ảnh ở trên có kích thước dài 100 và rộng 50 ( bạn cứ nhớ H là chiều rộng là được ) , mình sẽ sử dụng code :
[img width=100 height=50]https://cdn.statically.io/img/i.imgur.com/apH4lxz.jpg[/img]
Ta sẽ có
Nhưng như này ảnh sẽ bị co giãn , chông rất xấu , mình khuyên không nên làm như vậy
- Giải pháp rất đơn giản , bạn chỉ cần bỏ đi thuộc tính Height và chỉ sử dụng Width , chiều rộng của ảnh sẽ tự động được căng như ban đầu
Lấy ảnh trên làm ví dụ nhé , mình muốn kích thước chiều dài của nó ở cố định 500 , thì ta có code
[img width=500]https://cdn.statically.io/img/i.imgur.com/apH4lxz.jpg[/img]
Và sẽ được như ảnh này :
Ảnh đi kèm link :
Tổ hợp này sẽ thích hợp khi bạn muốn mọi người nhấn vào ảnh và dẫn tới một liên kết nào đó ( như để làm nút bấm , nút download , nút chọn chap truyện , bla bla )
- Ở đây ta sẽ phối hợp với cặp thẻ
[url][/url] .
Ví dụ:
[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]
Khi bạn bấm vào ảnh dưới , nó sẽ dẫn tới Google
6. Phối hợp :
Bạn có thể phối hợp các lệnh bbcode trên để hiển thị chúng cùng lúc với nhau , chỉ cần nhớ là phải đóng mở theo thứ tự , ví dụ bạn mở thẻ in đậm [b] trước thẻ [url] thì bạn phải đóng nó [/b] trước thẻ [/url]
Đây là 1 ví dụ mình phối hợp thẻ màu , kích cỡ , in đậm , url cùng lúc với nhau :
[url=https://www.aowvn.org/][size=200][color=red][b]HÃY NHÌN TÔI![/b][/color][/size][/url]
=> Ta sẽ có : HÃY NHÌN TÔI!
