Chia sẻ trang này:
Share code bbcode chuẩn cho twig xtgem, wap4, wapego
10.01.2017 / 13:04 #18162
 |  ♥๖Sad๖♥ Người quản lý 449 |
Đâ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é)
(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é.gif)
Code được viết bởi Mrducz95! Hi vọng giữ nguồn
Đã chỉnh sửa. chidatvip (10.01.2017 / 13:14) [5]
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>
' %}
?>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]
Tải VIDEO YOUTUBE Đơn Giản Nhanh Nhất Tại VTV1.GA
Hot quá: Gai8.Blogspot.Com toàn gái xinh nóng bỏng cực phê
Hot quá: Gai8.Blogspot.Com toàn gái xinh nóng bỏng cực phê
Lượt Xem: 627 Trả Lời: 0
Chủ đề cùng chuyên mục:
» Code xóa quảng cáo xtgem không lo bị sus [Lượt xem: 1333]
» Share code filelist pupy Tsukuyomi v2 data vô hạn [Lượt xem: 1209]
» xin code căn 2 cột john [Lượt xem: 343]
» Share Code Get Title Làm Tag Google Khá Hot [Lượt xem: 1368]
» Một số ký tự đặc biệt không có trên bàn phím máy tính và điện thoại cho các bạn làm web [Lượt xem: 842]
Bạn đã xem chưa:
» Cảnh báo về quảng cáo của các trình duyệt web hiện nay [Lượt xem: 2056]
» Hàm bị hô thì có niềng răng được không? [Lượt xem: 510]
» Nhận sửa chữa các loại tivi lcd led plasma tại nhà [Lượt xem: 514]
» hỏi code hiển thị được như thế này [Lượt xem: 421]
» Cách chữa đau răng khôn HIỆU QUẢ nhất hiện nay [Lượt xem: 465]
Sắp xếp theo thứ tự từ trên xuống