ác bạn để ý 3 button mới thêm được đánh dấu 1,2,3 trong hình trên.
Button 1: dùng để chèn ảnh góc trên trái bài viết (tức là phần văn bản sẽ bọc ở bên phải và bên dưới ảnh). Chỉ cần dán link ảnh trực tiếp vào hộp soạn thảo, bôi đen link ảnh mới dán, bấm button1 là xong. Bây giờ cứ viết bài thoải mái, bài viết tự nhiên sẽ bọc ảnh như nói trên.
Button 2 và 3: Cả 2 button này dùng để chia văn bản thành 2 cột.
Cách thực hiện: Cứ việc viết văn bản thỏa mái. Sau khi viết xong, bôi đen phần trên, bấm button 2. Bôi đen tiếp phần còn lại, bấm button 3. Vậy là xong, văn bản sẽ được chia 2 cột.
Code posting_body:
Đây là code mặt định của nút B ( Chữ đậm), mình viết ra để tiện cho việc so sánh:
- Code:
<button class="button2" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="{L_BBCODE_B}"><img src="{PATH_IMG_FA}wysiwyg/text_bold.png" alt="{L_BBCODE_B}" /></button>
(Khác với chia sẻ của Mảkchan, mình không có CSS gì hết chỉ cần dàn đoạn codenầy vào posting là có 3 nút như hình)
- Code:
<button class="button2" onclick="bbfontstyle('[table align=left cellpadding= 10 cellspacing= 5][tr][td][img]','[/img][/td][/tr][/table]');return false" type="button"><img src="http://i66.servimg.com/u/f66/14/26/60/46/n110.gif" alt="Chèn ảnh" /></button>
<button class="button2" onclick="bbfontstyle('[table width= 100% align=left cellpadding= 10 cellspacing= 5][tr][td width= 50%]','[/td]');return false" type="button"><img src="http://i66.servimg.com/u/f66/14/26/60/46/n210.gif" alt="Cột trái"/></button>
<button class="button2" onclick="bbfontstyle('[td width= 50%]','[/td][/tr][/table]');return false" type="button">
<img src="http://i66.servimg.com/u/f66/14/26/60/46/n2a10.gif" alt="Cột phải"/></button>
- Code:
<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button>
CHÈN VÀO ĐÂY
</div>
Các bạn để ý đoạn này, đây chính là những gì các bạn sẽ viết cho button của bạn.
- Code:
('[table align=left cellpadding= 10 cellspacing= 5][tr][td][img]','[/img][/td][/tr][/table]')
- Ở đây mình đã bỏ onmouseover và accesskey (onmouseover không biết tác dụng gì bỏ thấy không sao, accesskey thì không cần , dùng chuột bấm cũng được, đặt lung tung không khéo trùng của mặc định gây lỗi)
Những hạn chế rất quan trọng trong kiến thức của mình:
- Rất may là Các tham số trong BBcode rất dễ chịu, không cần để giá trị của nó trong dấu nháy đơn, nháy kép, các trình duyệt vẫn nhận được (Mình đã thử với FF và IE). Nếu là htmlcode thì điều này không được.
- Giá như mình biết viết
Những gì làm được và chưa được mình đã nói hết rồi. Bây giờ là phần các bạn. Mình mò tiếp đây.
No Comment.