Ở đâ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
Đăng nhập mới nhìn được đoạn code á => in đậm
Cách sử dụng BBcode ( cú pháp của nó ) :
1. In đậm , nghiêng , gạch chân :
2. Đổi màu, kích thước văn bản :
—
3. Chèn code vào bài :
4. Chèn link vào bài :
Trước tiên cặp thẻ cần sử dụng là Đăng nhập mới nhìn được đoạn code á . 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:
Một liên kết sẽ được tạo ra như sau: [Đăng nhập mới xem được link nhoé]
- 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:
Liên kết tạo ra sẽ là: [Đăng nhập mới xem được link nhoé]
5. Chèn ảnh vào bài :
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 :
Nhấn để đọc chi tiết
Để thay đổi kích thước ảnh , hãy dùng thêm cú pháp Width và Height kèm với thẻ Đăng nhập mới nhìn được đoạn code á
- 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 :
Đăng nhập mới nhìn được đoạn code á
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
Và sẽ được như ảnh này :
Ảnh đi kèm link :
Nhấn để đọc chi tiết
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 )
Ví dụ:
Khi bạn bấm vào ảnh dưới , nó sẽ dẫn tới Google
[Đăng nhập mới xem được link nhoé]
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 Đăng nhập mới nhìn được đoạn code á trước thẻ Đăng nhập mới nhìn được đoạn code á thì bạn phải đóng nó Đăng nhập mới nhìn được đoạn code á trước thẻ Đăng nhập mới nhìn được đoạn code á
Đâ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 :
=> Ta sẽ có : [Đăng nhập mới xem được link nhoé]