Forum đề thi casio

Tình hình diễn đàn

Thống kê bài viết mới


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Thêm BBcode cho công cụ viết bài NEW! on Sun May 27, 2012 8:42 pm

admin


Admin
Admin
Loading

Cá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>
Còn đây là 3 nút mình mới bổ sung:
(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>
Để xuất hiện các button tại vị trí như trong hình trên, mình chèn code vào trong posting_body ở đây:
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>
Giải thích:
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]')

- Các bạn để ý đoạn trong code trên chính là giá trị gán cho lệnh onclik. Trong đoạn này có 2 vế cách nhau bởi dấu phảy (,) và đặt trong dấu nháy đơn ('). Vị trí của dấu phảy chính là nơi hiển thị của đoạn văn bản trong hộp soạn thảo mà ta bôi đen trước khi bấm nút. Như vậy các bạn có thể viết bất cứ gì thay cho đoạn code trên . Chỉ cần các bạn biết một chút về cú pháp của BBcode là các bạn sẽ viết được bất cứ thứ gì các bạn muốn cho button mới của các bạn.

- Ở đâ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 thì hay biết mấy, chỉ cấn khai báo một biến rồi gán gia trị cho biến đó là được. Viết trực tiếp giá trị đó vào trong lệnh onclick như mình đã làm thì rất dễ lỗi. Điều này hy vọng các pro ra tay mới được.

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.




!!MỌI LINK DOWNLOAD GAME, TÀI LIỆU, PHIM ĐÃ BỊ ẨN ĐI VÌ BẠN CHƯA ĐĂNG NHẬP!!!


View user profile http://www.leducduy.com

View previous topic View next topic Back to top  Message [Page 1 of 1]

Bài viết mới cùng chuyên mục

      Permissions in this forum:
      You cannot reply to topics in this forum