Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ทำตัวยก และ ตัวห้อย ใน ckeditor ไม่ได้รบกวนด้วยครับ



 

ทำตัวยก และ ตัวห้อย ใน ckeditor ไม่ได้รบกวนด้วยครับ

 



Topic : 136337



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์




ผมได้ทำฟอร์มรับข้อมูลด้วย ckeditor ลง mysql แต่พอจะบันทึกในรูปแบบตัวยกกำลัง หรือ ตัวห้อย ตาม toolbar ที่มีก็ทำได้แต่พอไปดูใน mysql กลับบันทึกเป็นรูปแบบข้อความติดกันธรรมดา ไม่มี tag อะไรให้เห็นที่จะเอามาแปลงได้ ซึ่งตอนแปลงเพื่อแสดงผล ผมใช้ฟังก์ชั่น bbcode ในการแปลง ตามนี้ รบกวนผู้รู้ช่วยแนะนำด้วยครับ ขอบคุณครับ

Code (PHP)
        // Function BBcode สำหรับแปลงข้อความให้เป็นลิ้งค์
        function showBBcodes($text) {
	
            // NOTE : I had to update this sample code with below line to prevent obvious attacks as pointed out by many users.
            // Always ensure that user inputs are scanned and filtered properly.
            $text  = htmlspecialchars($text, ENT_QUOTES, $charset);
        
            // BBcode array
            $find = array(
                '~\[b\](.*?)\[/b\]~s',
                '~\[i\](.*?)\[/i\]~s',
                '~\[u\](.*?)\[/u\]~s',
                '~\[quote\](.*?)\[/quote\]~s',
                '~\[size=(.*?)\](.*?)\[/size\]~s',
                '~\[color=(.*?)\](.*?)\[/color\]~s',
                '~\[url\]((?:ftp|https?)://.*?)\[/url\]~s',
                '~\[img\](https?://.*?\.(?:jpg|jpeg|gif|png|bmp))\[/img\]~s'
            );
        
            // HTML tags to replace BBcode
            $replace = array(
                '<b>$1</b>',
                '<i>$1</i>',
                '<span style="text-decoration:underline;">$1</span>',
                '<pre>$1</'.'pre>',
                '<span style="font-size:$1px;">$2</span>',
                '<span style="color:$1;">$2</span>',
                '<a href="$1" target="_blank">$1</a>',
                '<img src="$1" alt="" />'
            );
        
            // Replacing the BBcodes with corresponding HTML tags
            return preg_replace($find,$replace,$text);
        }
        // End Function BBcode สำหรับแปลงข้อความให้เป็นลิ้งค์




Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-08-16 18:26:30 By : npolkhet View : 801 Reply : 13
 

 

No. 1



โพสกระทู้ ( 296 )
บทความ ( 0 )



สถานะออฟไลน์


ต้องรู้เวอร์ชัน ckeditor และ ขั้นตอนการบันทึกลง db ก่อน
เพราะถ้าไม่มีแท็ก ต้องหาวิธีใส่แท็กตอนบันทึกด้วย






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-16 18:39:26 By : TheGreatGod_of_Death
 


 

No. 2



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ckeditor 4.16.1 ส่วนการบันทึกตามโค้ดนี้ครับ

Code (PHP)
$fieldset->add('ckeditor', array(
            'id' => 'abstract',
            'labelClass' => 'g-input icon-file',
            'itemClass' => 'item',
            'label' => '{LNG_abstract}',
            'comment' => '{LNG_Note or additional notes}',
            'rows' => 5,
            'value' => isset($index->abstract) ? $index->abstract : '',
        ));

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-17 10:17:22 By : npolkhet
 

 

No. 3



โพสกระทู้ ( 296 )
บทความ ( 0 )



สถานะออฟไลน์


download
https://ckeditor.com/cke4/addon/bbcode

แล้วเพิ่มแท็กที่ต้องการ บริเวณนี้

plugin.js
var bbcodeMap = {'sup' : 'sup', 'sub' : 'sub',...},
      convertMap = {'sup' : 'sup', 'sub' : 'sub', ...},
      ...

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-17 12:56:26 By : TheGreatGod_of_Death
 


 

No. 4



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 3 เขียนโดย : TheGreatGod_of_Death เมื่อวันที่ 2021-08-17 12:56:26
รายละเอียดของการตอบ ::
ยังไม่ได้ครับ แต่สังเกตุได้ว่า ปกติถ้าเป็นข้อความที่เป็นสี หรือ ลิ้งค์ ใน ckeditor มันก็จะบอกสถานะรูปแบบข้อความนั้น ตรงมุมล่างซ้ายมือของกรอบ ว่าเป็น color หรือ link แต่ตัวยกกำลังนี้ตอนกำหนดมันก็แสดงให้เห็นตามที่กำหนด แต่พอเอาเม้าส์ไปวางที่ข้อความยกกำลัง ตรงมุมล่างซ้ายมือของกรอบ ckeditor กลับไม่บอกสถานะข้อความว่าเป็นอะไรเลย แต่ข้อความก็แสดงนะว่าเป็นตัวยกกำลังอยู่ แต่รูปแบบอย่างอื่นแสดงสถานะปกตินะครับ พอมีวิธีแก้ไขไหมครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-17 13:38:49 By : npolkhet
 


 

No. 5



โพสกระทู้ ( 296 )
บทความ ( 0 )



สถานะออฟไลน์


ลองเช็คการเรียกใช้ plugin
และลองเปลี่ยนชื่อ plugin เพื่อให้มั่นใจว่า
ckeditor เรียกอันที่เราแก้ไข ไม่ใช่ไฟล์เดิม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-17 13:59:05 By : TheGreatGod_of_Death
 


 

No. 6



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : TheGreatGod_of_Death เมื่อวันที่ 2021-08-17 13:59:05
รายละเอียดของการตอบ ::
อันนี้ลองสลับดูแล้วครับ ckeditor อันนึงเป็นแบบ Standard แล้วเพิ่ม Plugin อีกอันเป็นแบบ Full ผลเหมือนกัน มีตัวเครื่องมือ Sub และ Sup ตอนทำก็แสดงผลได้ แต่ สถานะมุมล่างซ้ายไม่แสดง บันทึกไปในฐานข้อมูล หรือ เรียกมาแก้ไข กลับเป็นข้อความติดกันธรรมดา ไม่มี tag อะไรกำกับเลย พอมีทางอีกไหมครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-17 19:21:12 By : npolkhet
 


 

No. 7



โพสกระทู้ ( 296 )
บทความ ( 0 )



สถานะออฟไลน์


ไม่ใช่การสลับ standard, full, ... แต่ผมหมายถึง

Code
CKEDITOR.plugins.add( 'bbcode', { init: function( editor ) { //... } //... });


เปลี่ยนชื่อ plugin ตรงสีแดง เป็นอย่างอื่น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-17 19:59:16 By : TheGreatGod_of_Death
 


 

No. 8



โพสกระทู้ ( 296 )
บทความ ( 0 )



สถานะออฟไลน์


เผื่อยังไม่รู้จัก หลังจากเปลี่ยนชื่อ plugin
load plugin ตามชื่อที่เปลี่ยนใหม่ด้วย

กรณี plugin อยู่ในโครงสร้างโฟลเดอร์ CKEDITOR บน server ของเรา
config.extraPlugins = 'ชื่อ plugin ที่เปลี่ยนใหม่';


กรณีโหลด external path (เมื่อใช้ CKEDITOR แบบ cdn)
// Loads a plugin from '/myplugins/sample/plugin.js'.
CKEDITOR.plugins.addExternal( 'sample', '/myplugins/sample/' );

// Loads a plugin from '/myplugins/sample/my_plugin.js'.
CKEDITOR.plugins.addExternal( 'sample', '/myplugins/sample/', 'my_plugin.js' );

// Loads a plugin from '/myplugins/sample/my_plugin.js'.
CKEDITOR.plugins.addExternal( 'sample', '/myplugins/sample/my_plugin.js', '' );

// Loads a plugin from '/myplugins/sample/my_plugin.js'.
CKEDITOR.plugins.addExternal( 'sample', '/myplugins/sample/my_plugin.js' );


สุดท้าย

Code (JavaScript)
CKEDITOR.replace('editor1', {
      extraPlugins: 'ชื่อ plugin ที่เปลี่ยนใหม่'
    });

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-18 12:30:29 By : TheGreatGod_of_Death
 


 

No. 9



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 8 เขียนโดย : TheGreatGod_of_Death เมื่อวันที่ 2021-08-18 12:30:29
รายละเอียดของการตอบ ::
ต้องขอบคุณ TheGreatGod_of_Death มากครับ ทำได้แล้วครับ ปัญหาเกิดจากตอนโหลด ckeditor มา คือ ต้อง build plugin มาตั้งแต่ตอนโหลดเลย ถ้ามาโหลดเอาเฉพาะ plugin ที่ต้องการจะไม่ได้ งมอยู่นานเหมือนกันครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-23 10:34:26 By : npolkhet
 


 

No. 10



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ผมเจออีกปัญหาหนึ่งคือ เวลาใส่เครื่องหมาย มากกว่า หรือ น้อยกว่า มันจะกลายเป็น &gt; หรือ &lt; จะแก้ปัญหานี้ใน bbcode หรือ ckeditor ยังไงครับ ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-09-01 17:39:16 By : npolkhet
 


 

No. 11



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 3 เขียนโดย : TheGreatGod_of_Death เมื่อวันที่ 2021-08-17 12:56:26
รายละเอียดของการตอบ ::
ถ้าต้องการแทนที่ค่า &lt; ด้วยสัญลักษณ์ < (น้อยกว่า) และค่า &gt; ด้วยสัญลักษณ์ > (มากกว่า) ใน bbcode ต้องเขียนยังไงครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-09-02 15:19:38 By : npolkhet
 


 

No. 12



โพสกระทู้ ( 9,556 )
บทความ ( 2 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 11 เขียนโดย : npolkhet เมื่อวันที่ 2021-09-02 15:19:38
รายละเอียดของการตอบ ::
ปล่อยมันไว้อย่างนั้น ถ้าไปเปลี่ยน มันจะเป็น code html แล้วจะมีปัญหาการแสดงผล


เขา encrypt มาให้ แต่จะไปปลดมัน เดี๋ยวหน้าเวปก็เป็นของคนอื่นหรอก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-09-03 17:26:34 By : Chaidhanan
 


 

No. 13



โพสกระทู้ ( 67 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 12 เขียนโดย : Chaidhanan เมื่อวันที่ 2021-09-03 17:26:34
รายละเอียดของการตอบ ::
แล้วเค้าก็ปัญหาเครื่องหมาย มากกว่า น้อยกว่านี้ ยังไงครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-09-04 13:29:06 By : npolkhet
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ทำตัวยก และ ตัวห้อย ใน ckeditor ไม่ได้รบกวนด้วยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่