diễn đàn điện tử, công nghệ, lập trình tienthinhpro
Trang Chủ - Forum.TienThinhPro.Com
loading...

Lần hoạt động

Xuống  Share code bbcode chuẩn cho twig xtgem, wap4, wapego

Chia sẻ trang này:
10.01.2017 / 13:04 #18162
chidatvip offline ♥๖Chi ๖Đạt ๖Vip♥
 Người quản lý
like 435
Đây là function bbcode bằng twig do mình lên ý tưởng và viết ra. Thấy dùng ổn định nên quyết định mang share cho mọi người sử dụng.
Một số bạn hỏi vì sao không dùng replace cho nhẹ? Vì nếu dùng replace thì mở ngoặc và đóng ngoặc sai sẽ dẫn tới lỗi các thẻ, làm forum thì khách đăng bài, lỗi thẻ sẽ rất bất tiện nhé.
Ưu điểm của code là đóng mở thẻ chuẩn, không gây lỗi. Muốn thêm 1 mã bbcode khác thì không cần kiến thức về twig hay phải suy nghĩ đau đầu, chỉ cần viết 1 hàng html là ok.

Tạo file /bbcode.twig
dán code ở trong này vào http://topgai.hexat.com/code/codebbcode.js

Tiếp theo là ở vị trí muốn dùng bbcode này, ngay đầu file đó (ví dụ: /index )
{% import 'bbcode.twig' as md %}

Ở dưới đoạn này bạn muốn dùng bbcode thì chỉ cần
{{md.bbcode('Nội dung muốn hiển thị bbcode')}}

Cái đoạn Nội dung đó có thể là biến.

Hướng dẫn cách mod thêm bbcode mới
Trong đoạn function ở /bbcode.twig các bạn có thể thấy 3 loại bbcode tiêu biểu mà mình đã làm cho nó thành 3 dạng dễ áp dụng nhất.
Dạng 1: Các thẻ đơn giản [#i] [#b] ...
Dạng 2: Các thẻ phức tạp hơn một xí (có một nội dung xử lý) [#img]link-anh[#/img]
Dạng 3: Các thẻ phức tạp. (có 2 nội dung cần xử lý) .. [#color=red]nội dung[#/color] (lưu ý bỏ dấu # đi nhé)
<?php
{% set bbcode_type_1 = ('b|i|u|s') %}
{% 
set bbcode_type_2 '
[code]{?}[/code] ==> <pre contenteditable="true">{?}</pre>
[text]{?}[/text] ==> <textarea>{?}</textarea>
[tag]{?}[/tag] ==> <code>{?}</code>
[red]{?}[/red] ==> <span style="color:red">{?}</span>
[blue]{?}[/blue] ==> <span style="color:blue">{?}</span>
[green]{?}[/green] ==> <span style="color:green">{?}</span>
[img]{?}[/img] ==> <img src="{?}" alt="Hình ảnh minh họa" />
[center]{?}[/center] ==> <div style="text-align:center;">{?}</div>
[left]{?}[/left] ==> <div style="text-align:left;">{?}</div>
[right]{?}[/right] ==> <div style="text-align:right;">{?}</div>
%}
{% 
set bbcode_type_3 '
[color={?}]{?}[/color] ==> <span style="color:{?};">{?}</span>
[url={?}]{?}[/url] ==> <a href="{?}">{?}</a>
[quote={?}]{?}[/quote] ==> <div class="quote"> <p>{?}</p> <p>{?}</p> </div>
%}
?>
(lưu ý bỏ <?php ở đầu và ?> ở cuối code đi nhé)

Các bạn chỉ cần xác định được dạng bbcode bạn muốn thêm vào là gì thì có thể viết thành đoạn html như trên.. rồi thêm vào là nó tự động làm tất cả. Nếu một số bạn cảm thấy chưa hài lòng về 3 loại code trên thì có thể ra tay viết thêm một loại mới (bbcode_type_4 chẳng hạn) rồi share cho ae cùng dùng nhé

Code được viết bởi Mrducz95! Hi vọng giữ nguồn
Đã chỉnh sửa. chidatvip (10.01.2017 / 13:14) [5]
Xhay.cf - web tải video youtube đơn giản
Hot quá: TopGai.Hexat.Com toàn gái xinh nóng bỏng cực phê
Lượt Xem: 250 Trả Lời: 0
Bạn chưa đăng nhập! Hãy Đăng nhập hoặc Đăng ký làm thành viên để trả lời bài viết này!

Chủ đề cùng chuyên mục:

» Code Twig Thời Gian Cho Xtgem [Lượt xem: 250]

Bạn đã xem chưa:

» [Share] Code WapUpload DienDan9X [Lượt xem: 303]
Lọc theo tác giả
Xem chủ để ngoại tuyến (Offline)

Trong diễn đàn

Sắp xếp theo thứ tự từ trên xuống
Tìm Kiếm Nhanh
loading...
Truy Cập Nhiều
Thống Kê
Thành viên (2648 / +2)
Danh sách BQT (8)
Truy cập: 734 / 7608
Đang có 20 người trực tuyến, 1 thành viên và 19 khách viếng thăm.
Member Online: Google[bot] , Bing[bot] , Thanhop,