[Template] Thêm tính năng "select all" vào BB Code : CODE/HTML/PHP

[Tiểu Bá Vương 1404]

Đầu tiên, không "Cám ơn (Thanks)" thì không có hỗ trợ và yêu cầu gì khác.
Giới thiệu :
Mods template này cho phép bạn bổ xung vào BB Code CODE/HTML/PHP chức năng lựa chọn tất cả nội dung nằm trong những BB Code ấy bằng một nút bấm.
Cài đặt :

Chèn javascript vào template headinclude
AdminCP -> Styles & Templates -> Style Manager -> Edit Templates -> headinclude
Copy nội dung js sau vào cuối cùng của template headinclude :

<script type="text/javascript">
function selectAll(a)
{
var e = a.parentNode.parentNode.getElementsByTagName('code ')[0];
if (window.getSelection)
{
var s = window.getSelection();
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
else
{
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
</script>
Chèn thêm code vào template bbcode_code
... -> Edit Templates -> BB Code Layout Templates -> bbcode_code
Tìm những code sau :

{vb:rawphrase code}:

...và...

{vb:raw code}
Sửa và thêm để giống như sau :

{vb:rawphrase code}:&nbsp;<input type="button" value="{vb:rawphrase select_code}" onclick="selectAll(this); return false;">

...và...

<code>{vb:raw code}</code>
Chèn thêm code vào template bbcode_html (tương tự với bbcode_code)
... -> Edit Templates -> BB Code Layout Templates -> bbcode_html
Tìm những code sau :

{vb:rawphrase html_code}:

...và...

{vb:raw code}
Sửa và thêm để giống như sau :

{vb:rawphrase html_code}:&nbsp;<input type="button" value="{vb:rawphrase select_code}" onclick="selectAll(this); return false;">

...và...

<code>{vb:raw code}</code>
Chèn thêm code vào template bbcode_php (tương tự với bbcode_code)
... -> Edit Templates -> BB Code Layout Templates -> bbcode_php
Tìm code sau :

{vb:rawphrase php_code}:
Thêm để giống như sau :

{vb:rawphrase php_code}:&nbsp;<input type="button" value="{vb:rawphrase select_code}" onclick="selectAll(this); return false;">
Tạo thêm phrase : dễ dàng trong việc Việt hoá, và chuyên nghiệp hơn.
AdminCP -> Languages & Phrases -> Phrase Manager -> [Add New Phrase]

Phrase Type : GLOBAL
Product : vBulletin
Varname : select_code
Text : select all
Vietnamese (VI) Translation : chọn tất cả



Demo :
Ngay tại bài viết này.

http://getamped1404.info/images/demo/screenshot 1.png
http://getamped1404.info/images/demo/screenshot 2.png

Getamped 1404 Official - vBulletin Demo (http://vb.getamped1404.info)
- Username : Demo User
- Password : 123456
Ghi chú :
Nếu các bạn không muốn tạo thêm phrase (bước thứ 5), các bạn có thể tìm trong nội dung code thêm vào cụm sau : {vb:rawphrase select_code} và thay nó bằng select all
Mình sẽ sớm cập nhật phiên bản tiếp theo : thêm tính năng "copy to clipboard".

[PhucSD]

Thông báo: không còn hoạt động trên vbb 4.1.5 với trình duyệt chrome

[Thảo Nguyên]

Hiện tại thì forum mình cũng có hoạt động được đâu nhỉ :MatCuoi (59):

[Tiểu Bá Vương 1404]

Thông báo: không còn hoạt động trên vbb 4.1.5 với trình duyệt chrome


Hiện tại thì forum mình cũng có hoạt động được đâu nhỉ :MatCuoi (59):
Đề nghị kiểm tra lại, với ITVNN, script đã bị xoá bỏ nên không hoạt động được.
Muốn kiểm chứng có thể xem trên trang demo : http://getamped1404.com/vbdemo/threads/3-Test-select-all-feature-for-BB-Code-CODE
---
Thông tin cập nhật : hiện tại chức năng "copy to clipboard" chưa được hoàn thiện, qua quá trình thử nghiệm cho thấy vBulletin hoạt động không ổn định với jQuery được sử dụng trong tính năng này trong khi thử nghiệm trên web (HTML) hoạt động rất tốt.
Vì vậy, việc bổ xung tính năng sẽ được tạm thời huỷ bỏ, có thể chờ đến phiên bản vBulletin 4.1.7 (thay thế và nâng cấp jQuery hiện tại bằng MooTools hoặc jQuery UI).