ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming[PHP] แนะนำ editor ที่สามารถลงใน textarea ซึ่งมีฟังก์ชั่นในการแทรก ยูทูบด้วยค่ะ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: [PHP] แนะนำ editor ที่สามารถลงใน textarea ซึ่งมีฟังก์ชั่นในการแทรก ยูทูบด้วยค่ะ  (อ่าน 9682 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« เมื่อ: 06 สิงหาคม 2013, 15:52:49 »

 แนะนำ editor ที่สามารถลงใน textarea ซึ่งมีฟังก์ชั่นในการแทรก ยูทูบด้วยค่ะ

รบกวนทีนะคะ wanwan017 wanwan017
บันทึกการเข้า

MapTwoZa
ก๊วนเสียว
*

พลังน้ำใจ: 75
ออฟไลน์ ออฟไลน์

กระทู้: 366



ดูรายละเอียด
« ตอบ #1 เมื่อ: 06 สิงหาคม 2013, 17:05:19 »

ใช้ ckeditor
แล้วเขียนปุ่มเองครับ

โดย
โค๊ด:
function youtube_parser(url){
    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match&&match[7].length==11){
        return match[7];
    }else{
        alert("url ไม่ถูกต้อง");
    }
}
บันทึกการเข้า

Good code quality Developer Cheesy
SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 06 สิงหาคม 2013, 17:26:50 »

ใช้ ckeditor
แล้วเขียนปุ่มเองครับ

โดย
โค๊ด:
function youtube_parser(url){
    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match&&match[7].length==11){
        return match[7];
    }else{
        alert("url ไม่ถูกต้อง");
    }
}



ถ้าใช้ ของเว็บนี้ละค่ะ จะไปเพิ่มโค๊ดที่ไหนค่ะ
http://www.thaiadmin.org/board/index.php?topic=149920.0

บันทึกการเข้า

chmod777
Newbie
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 12



ดูรายละเอียด
« ตอบ #3 เมื่อ: 06 สิงหาคม 2013, 19:21:19 »

ตัว ckeditor ก้อมีปลักอินของยูทูปเลยนี่ครับ หามาลงเพิ่มได้คับ
บันทึกการเข้า
kuznetsova
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 137
ออฟไลน์ ออฟไลน์

กระทู้: 1,316



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 06 สิงหาคม 2013, 20:26:11 »

เข้ามารอเก็บความรู้ครับ
บันทึกการเข้า

vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 06 สิงหาคม 2013, 21:15:19 »

ckeditor  ครับ
บันทึกการเข้า

suphot.s
ก๊วนเสียว
*

พลังน้ำใจ: 78
ออฟไลน์ ออฟไลน์

กระทู้: 486



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 06 สิงหาคม 2013, 21:59:39 »

ลอง code ด้านล่างครับ แปลง url ของ youtube ทั้งหมดเป็น embed code ให้
เวลาเก็บลงฐานข้อมูลก็เก็บเป็น url ธรรมดา ตอนนำมาแสดงก็แปลงให้เป็น embed code ด้วยคำสั่งด้านล่าง
ง่ายดี ผู้ใช้แค่ copy url ของหน้า youtube มาวางก็พอ
โค๊ด:
 $search = '#<a(.*?)(?:href="https?://)?(?:www.)?(?:youtu.be/|youtube.com(?:/embed/|/v/|/watch?.*?v=))([w-]{10,12}).*</a>#x';
 $replace = '<center><iframe width="560" height="315" src="http://www.youtube.com/embed/$2" frameborder="0" allowfullscreen></iframe></center>';
 $text = preg_replace($search, $replace, $text);



« แก้ไขครั้งสุดท้าย: 06 สิงหาคม 2013, 22:01:39 โดย suphot.s » บันทึกการเข้า

dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 07 สิงหาคม 2013, 00:02:04 »

ต้องลองเอาไปใส่บ้างแล้วครับ ...
บันทึกการเข้า
SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 07 สิงหาคม 2013, 17:08:24 »

ลอง code ด้านล่างครับ แปลง url ของ youtube ทั้งหมดเป็น embed code ให้
เวลาเก็บลงฐานข้อมูลก็เก็บเป็น url ธรรมดา ตอนนำมาแสดงก็แปลงให้เป็น embed code ด้วยคำสั่งด้านล่าง
ง่ายดี ผู้ใช้แค่ copy url ของหน้า youtube มาวางก็พอ
โค๊ด:
 $search = '#<a(.*?)(?:href="https?://)?(?:www.)?(?:youtu.be/|youtube.com(?:/embed/|/v/|/watch?.*?v=))([w-]{10,12}).*</a>#x';
 $replace = '<center><iframe width="560" height="315" src="http://www.youtube.com/embed/$2" frameborder="0" allowfullscreen></iframe></center>';
 $text = preg_replace($search, $replace, $text);






ชัก งงๆ ค่ะ
คืออยากได้เมนูในการแทรก youtube

เวลาเซฟก็เซฟไปหมดเลยค่ะลง ดาต้าเบส โค๊ดอันนี้คือแปลงก่อนเซฟลงดาต้าเบสรึเปล่าค่ะ
บันทึกการเข้า

phpwin
ก๊วนเสียว
*

พลังน้ำใจ: 100
ออฟไลน์ ออฟไลน์

กระทู้: 295



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 07 สิงหาคม 2013, 18:14:39 »

ผมใช้ Tinymce ครับ วิธีติดตั้งปลัํกอิน youtube ศึกษาได้จากบทความนี้ครับ
โค๊ด:
http://travelogie.com/blog/post/2011/04/06/Youtube-plugin-for-TinyMCE.aspx
บันทึกการเข้า

สอน PHP ร้านค้าออนไลน์   รับทำเว็บไซต์ ร้านค้าออนไลน์ ราคาถูก #รับแก้ไขเว็บไซต์ #รับปรับแต่ง Open Cart #รับปรับแต่งเว็บไซต์ให้ไวติดจรวด #ขายเว็บไซต์เช็คราคาสินค้าแบบเทพๆ lnwprice.com
nst_nk
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 385
ออฟไลน์ ออฟไลน์

กระทู้: 3,396



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 07 สิงหาคม 2013, 20:41:38 »

ckeditor  เลยครับ

http://ckeditor.com/addon/youtube

คลิ๊กที่  add to my editor ( ปุ่มเหลืองๆ )

หลังจากนั้น มองทางขวาแล้วคลิ๊ก Build my editor  ( ปุ่มแดง )


ได้เลยครับ
บันทึกการเข้า


  ◤◤ รับเขียนระบบต่างๆครับ เช่น ระบบ Shipping , ร้านค้าออนไลน์ , อสังหาริมทรัพย์ , ระบบจัดการหลังบ้านทุกประเภท  สอบถามได้ครับ Line : bigznst ◥◥
suphot.s
ก๊วนเสียว
*

พลังน้ำใจ: 78
ออฟไลน์ ออฟไลน์

กระทู้: 486



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 07 สิงหาคม 2013, 23:47:57 »

ลอง code ด้านล่างครับ แปลง url ของ youtube ทั้งหมดเป็น embed code ให้
เวลาเก็บลงฐานข้อมูลก็เก็บเป็น url ธรรมดา ตอนนำมาแสดงก็แปลงให้เป็น embed code ด้วยคำสั่งด้านล่าง
ง่ายดี ผู้ใช้แค่ copy url ของหน้า youtube มาวางก็พอ
โค๊ด:
 $search = '#<a(.*?)(?:href="https?://)?(?:www.)?(?:youtu.be/|youtube.com(?:/embed/|/v/|/watch?.*?v=))([w-]{10,12}).*</a>#x';
 $replace = '<center><iframe width="560" height="315" src="http://www.youtube.com/embed/$2" frameborder="0" allowfullscreen></iframe></center>';
 $text = preg_replace($search, $replace, $text);


ชัก งงๆ ค่ะ
คืออยากได้เมนูในการแทรก youtube

เวลาเซฟก็เซฟไปหมดเลยค่ะลง ดาต้าเบส โค๊ดอันนี้คือแปลงก่อนเซฟลงดาต้าเบสรึเปล่าค่ะ


ไม่ใช่ครับ
ตัวอย่างเวลาใช้งาน ก็ให้ผู้ใช้ copy youtube url มาวางไปเลย เช่น
อ้างถึง

ข้อความ ข้อความ ข้อความ ข้อความ
ข้อความ ข้อความ ข้อความ
http://www.youtube.com/watch?v=9bZkp7q19f0


เราก็เก็บข้อมูลข้อความที่มี youtube url ลงไปเฉยๆ ไม่ต้องแปลงอะไร
จากนั้นตอนนำมาแสดงก็เอาข้อความที่บันทึกไว้ แปลงผ่าน code นี้
youtube url ทั้งหมด ก็จะกลายเป็น  embed code ให้อัตโนมัติ
บันทึกการเข้า

SG14
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 1,398



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 08 สิงหาคม 2013, 13:47:59 »

ckeditor  เลยครับ

http://ckeditor.com/addon/youtube

คลิ๊กที่  add to my editor ( ปุ่มเหลืองๆ )

หลังจากนั้น มองทางขวาแล้วคลิ๊ก Build my editor  ( ปุ่มแดง )


ได้เลยครับ


สุดยอดเลยค่ะ

ขอบคุณทุกความเห็นเลยนะคะ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์