[BBCODE]Tạo nút như bbcode cho youtbe

[ܓܨܓMxTrường]

Ý tưởng : c3
Tạo nút bấm khi nhập link youtube vào thì tự bắt 3 link ảnh chèn vào phía dướii clip.
Nhập link sai ==> trả về "Đây không phải là một link đúng!"
Code:

Code:

<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="{SWITCH_EDITOR_MODE}"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button> 
   <button class="button2" onclick="abc()" type="button"><img src="http://www.chokebore.net/images/links/youtube.gif" height="20px"/></button>
<script type="text/javascript">
function abc()
{stt=prompt("Chèn link YOUTUBE của bạn vào đây:","");
var atpos=stt.indexOf("youtube");var y="/watch?v=";
stt = stt.replace("/v/",y);
if (atpos<1)
  {  alert("Đây không phải là một link đúng!");
  return false; }
else{x="<center>" + "[youtube]" + stt + "[/youtube]" + "<br>" + "<img src='http://img.youtube.com/vi/" + stt.slice(31,42) +  "/1.jpg'/>" + "<img src='http://img.youtube.com/vi/" + stt.slice(31,42) +  "/2.jpg'/>" + "<img src='http://img.youtube.com/vi/" + stt.slice(31,42) +  "/3.jpg'/>"
 + "</center>" ;emoticonp(x);}}</script>

Thay vì

sẽ là:

Mong các bác cho ý kiến. Thiếu sót gì thì thêm bớt hộ em.
Bổ sung: Hướng dẫn:
Vào acp ==>display==>post và tin nhắn==>posting_body
chèn code này sau
đoạn này:

Code:

<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="{SWITCH_EDITOR_MODE}"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button> 

[Sấm]

Đươc, cái này được. Vót cô 1 phiếu

[Sấm]

À quên, bạn hướng dẫn lại kỹ để các bạn khác còn làm chứ

[ܓܨܓMxTrường]

Vừa fix lại ...các bạn xem tự sửa lại nhé....

[hieuquaga]

Anh ơi sau posting body của em nó bị gì ! copy vào là nó cắt dứt 1/2 code

[hunghsmn]

Ý tưởng : c3
Tạo nút bấm khi nhập link youtube vào thì tự bắt 3 link ảnh chèn vào phía dướii clip.
Nhập link sai ==> trả về "Đây không phải là một link đúng!"

Mọi sự cố gắng đều đáng khen. +

Anh ơi sau posting body của em nó bị gì ! copy vào là nó cắt dứt 1/2 code

Tại số ký tự trong posting body là có hạn, nhiều quá thì nó cắt bớt. Bạn muốn dùng cái này thì coi trong posting body của bạn có gì thừa thì xóa bớt đi.

[nhp]

hay hay đấy
thử xem nào

[IceFox]

Hay! Đã vốt cho chú

[vietquoc]

<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="{SWITCH_EDITOR_MODE}"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button> <button class="button2" onclick="abc()" type="button"><img src="http://www.chokebore.net/images/links/youtube.gif" height="20px"/></button><script type="text/javascript">function abc(){stt=prompt("Chèn link YOUTUBE của bạn vào đây:","");var atpos=stt.indexOf("youtube");var y="/watch?v=";stt = stt.replace("/v/",y);if (atpos<1) { alert("Đây không phải là một link đúng!"); return false; }else{x="<center>" + "[youtube]" + stt + "[/youtube]" + "<br>" + "<img src='http://img.youtube.com/vi/" + stt.slice(31,42) + "/1.jpg'/>" + "<img src='http://img.youtube.com/vi/" + stt.slice(31,42) + "/2.jpg'/>" + "<img src='http://img.youtube.com/vi/" + stt.slice(31,42) + "/3.jpg'/>" + "</center>" ;emoticonp(x);}}</script>


đoạn này bỏ ở đâu đây

[phutu01]

cái này phải mở HTML chứ dùng code không có mã nào là xuống dòng vd:<br/>

[baivong]

Ngon, làm sao để nó vào trong khung gửi Video như con Vịt thì tốt quá.
Thử phần mêm quay màn hình: https://youtu.be/kSiqJRU8RWo?hd=1

[hieuquaga]

anh ơi em copy y chang đoạn code trên dưới <button class="{BUTTON_WYSI_STYLE}" ..........
Nhưng không hiện gì hết . Nhưng code mình cần chĩnh sũa gì thêm không dậy

[ܓܨܓMxTrường]

Ái chà...ý tưởng sử dụng string thôi...Các bác muốn hay thì chế lại chứ...
Muốn xuống dòng thì sửa chỗ

Code:

<br>

lại thành

Code:


[table][tr][td][/td][/tr][/table]

thế là xuống dòng rồi.
Canh giữa thì

Code:

[center]xxxxxxx[/center]

.
Ảnh thì

Code:

[img]xxxxxxxxx[/img]

vâng vâng.........
...........

[hieuquaga]

anh ơi thành công rui nhưng anh xem dùm em lỗi này lỗi gì nè



Link ảnh

http://cB8.upanh.com/22.461.29463417.oTO0/untitled.png

Nếu có thễ cho em xin cái posting body luôn nhá ! miễn sao được được youtube trên bbcode mà không mất mất cái nút bbcode hết là được

[hieuquaga]

Đã vote cho tnpu_ilusm

Giúp em dùm luôn nha

[_Mark_]

hay nha, vote anh

[Snow]

Bạn ơi khi nhấp vào youtube nó kêu điền link youtube , mình điền thì nó ra thế này nè

Khi send nó thế này

[minhmang1234]

anh hướng dẫn kĩ thêm 1 chút...
em ko hĩu phần tạo 1 icon youtube và đoạn code đó =]]

[LiBee KS]

anh hướng dẫn kĩ thêm 1 chút...
em ko hĩu phần tạo 1 icon youtube và đoạn code đó =]]

Nội dung topic trên là khá rõ ràng & kĩ càng rồi bạn, bạn phải xem và làm theo từ từ....

[hj4uk0j0o97]

cái này dễ làm wá tkank nhiều

[hoanhtri]

Hay quá , vote

[KillAlt1.0]

cái code đầu tiên là chèn vào đâu thế

[Mưa]

Thử JS xem sao
Rồi vào POSTING_BODY chèn

Code Chuẩn

Code:

<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button" title="{SWITCH_EDITOR_MODE}"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button>
  <button class="button2" onclick="abc()" type="button"><img src="http://www.chokebore.net/images/links/youtube.gif" height="20px"/></button>
<script type="text/javascript">
function abc()
{stt=prompt("Chèn URL YOUTUBE của bạn vào đây:","");
var atpos=stt.indexOf("youtube");var y="/watch?v=";
stt = stt.replace("/v/",y);
if (atpos<1)
  {  alert("Đây không phải là một url đúng!");
  return false; }
else{x="<center>" + "[youtube]" + stt + "[/youtube]" + "<br>" + "[img src='http://img.youtube.com/vi/" + stt.slice(31,42) +  "/1.jpg'/]" + "[img]http://img.youtube.com/vi/" + stt.slice(31,42) +  "/2.jpg'/]" + "[img src='http://img.youtube.com/vi/" + stt.slice(31,42) +  "/3.jpg'/"]
 + "[/center]" ;emoticonp(x);}}</script>

Xem Có Đc không » MÌNH chỉ sửa ở lúc POST thôi ...
Cho không bị ĐIê ảnh và thừa code

[Sponsored content]