CKEditor WYSIWYG Editor สายพันธุ์ใหม่ รุ่นน้องท้องเดียวกับ FCKeditor

หัวข้อ บทความ แทก HTML | JavaScript

คิดว่าหลายๆคนคงรู้จักเจ้า FCKeditor มาบ้างแล้ว ไม่ต้องแปลกใจครับว่า CKEditor คืออะไร มันก็คือรุ่นน้องของ FCKeditor นั้นแหล่ะ ที่ถูกพัฒนาต่อยอดขึ้นไปอีก

เนื่องจากเจ้า FCKeditor นั้นมีอายุการพัฒนามากว่า 6 ปีแล้ว (ตั้งแต่ปี 2003) ทางผู้พัฒนาจึงอยากจะ Rebrand มันซักกะหน่อยนั้นแหล่ะ :P

ผมในฐานะที่เป็นแฟนพันธุ์แท้ของ FCKeditor จึงรีบ Clear งานแล้วหาเวลามา Review เจ้า CKEditor นี้ให้ได้อ่านกันแบบหมดเปลือก เพื่อให้หลายๆคนนำมันไปพัฒนาต่อยอดกับระบบของตัวเองได้ ว่าแล้วเริ่มกันเลย

ไป Download มาซะทั้ง CKEditor + CKFinder

อย่างสับสนกับชื่อนะครับ เจ้า CKEditor คือตัว WYSIWYG Editor (ต่อไปจะขอเรียกว่า Text Editor นะครับถือว่าเข้าใจตรงกัน WYSIWYG Editor พิมพ์ลำบาก) แบบ Webbase ส่วน CKFinder นั้นคือ File manager แบบ Webbase ที่ผมเคย Review ไปแล้ว

เนื่องจากระยะหลังงานที่ผมเขียนเป็น CMS ให้ลูกค้านั้น มักพ่วง 2 ตัวนี้ไปพร้อมๆกันเนื่องจากสะดวกดี ไม่ต้องเสียเวลามาเขียน File manager ใช้เอง ผมก็เลยถือโอกาสเอาทั้ง 2 ตัวนี้ ต่อร่วมกัน Review

ไป Download มาซะก่อนครับที่ CKEditor , CKFinder

หน้าตา Website CKEditor.com

หน้าตา Website CKFinder.com

หลังจาก Download มาเรียบร้อยผมจึงแตก Zip ติดตั้งไว้บน Server2Go

ติดตั้ง CKEditor และ CKFinder ไว้บน Server2Go

เริ่มจากพื้นฐานการเรียกใช้งาน CKEditor กันก่อน

การเริ่มต้นที่ดีสำหรับผมคือ ... การดูตัวอย่างครับ :P ใน CKEditor นั้นมีตัวอย่างอยู่ที่ ckeditor/_samples/

การเรียกใช้งาน CKEditor นั้นเรียกว่าง่าย เข้าขั้นบ้า ไปแล้วครับ :P นั้นคือ

วิธีที่ 1 ใช้ class คืออยากให้ textarea อันไหนเป็นกรอบ Text Editor ก็ใส่ class="ckeditor" เข้าไป ว่าแล้วดูตัวอย่าง

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>class</title> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> </head> <body> <textarea cols="80" id="message" name="message" rows="10" class="ckeditor">ทดสอบความหล่อ </textarea> </body> </html>

เรียก CKEditor แบบ Class
หน้าตาที่ได้จากการเรียกแบบ Class

วิธีนี้เรียกว่า ง่ายที่สุดเลยไม่ต้องคิดอะไรมาก เรียก javascript เข้าบรรทัดบน แล้ว class="ckeditor" อย่างเดียวจบ

วิธีที่ 2 ใช้ code เป็นวิธีการแบบดังเดิมของ FCKeditor คือให้ใช้ Javascript ระบุรายละเอียดกรอบที่ต้องการแล้วก็สร้างกรอบ Text Editor ขึ้นมาใช้งาน ว่าแล้วดูตัวอย่าง Code

จะเห็นว่าแบบ Code นี้คือถ้าอยากได้ช่องไหนเป็น Text Editor ก็ให้ CKEDITOR.replace ค่า textarea นั้นแค่นั้นเอง

เรียก CKEditor แบบ Code
หน้าตาที่ได้จากการเรียกแบบ Code ก็ได้เหมือนกันแหล่ะ

ซึ่งโดยส่วนตัวผมเป็นคนชอบทำอะไรลำบากๆ :P ฉะนั้น ในหัวข้อต่อๆไปผมจึงขอ Review แบบการเรียกใช้แบบ Code ละกันครับ ว่าแล้ว ไปต่อกันเลย

กำหนดคุณสมบัติของกรอบ Text Editor

เนื่องจากการใช้งานจริง กรอบ Text Editor ที่ CKEditor สร้างขึ้นมา เราต้องควบคุมการแสดงผลด้วยเช่น อยากให้กรอบกว้างยาวเท่านี้ อยากให้กรอบมีปุ่มเครื่องมือเท่านี้ ปุ่มนี้ไม่อยากได้ อะไรแบบนี้ จากที่ผมแกะๆมาจากหน้า sample ก็พอสรุปรายละเอียดได้ดังนี้

วิธีการกำหนดคุณสมบัติ

<script type="text/javascript"> //<![CDATA[ CKEDITOR.replace( 'message',{ // อยากกำหนดอะไรก็ใส่ที่นี่ } ); //]]> </script>

คุณสมบัติต่างๆเช่น

Skin ปุ่มไอคอนต่างๆ

เจ้า CKEditor นี้มาพร้อมกับ skin หน้าตาดีใหม่ชื่อว่า kama (ประวัติไม่รู้ไปสืบกันเอาเอง) และ skin เดิมจาก FCKeditor เช่น office2003, V2 มาครบ วิธีเรียกก็ระบุไปว่า

skin : 'kama', skin : 'office2003', skin : 'v2',

อยากตัวไหนก็ระบุลงไปเช่น

<script type="text/javascript"> //<![CDATA[ CKEDITOR.replace( 'message',{ skin : 'office2003', } ); //]]> </script>

CKEditor แบบเลือก Office 2003 Skin
ตัวอย่าง Text Editor ที่เลือก Office 2003 Skin

กว้าง ยาว กำหนดได้

กำหนดความกว้าง ความยาวของ Text Editor ได้ด้วย

height : 400, width : 750,

เมื่อเรากำหนดลงไป Text Editor ที่ได้จะกำหนดขนาดเริ่มแรก ตามที่เราระบุไว้ แต่ CKEditor เจ๋งกว่านั้น คือ ที่มุมขวาล่างของกรอบ เราสามารถใช้ลาก Mouse ดึงเอาขนาดใหม่ได้ตามชอบใจเลย เหมือน TinyMCE นั้นแหล่ะครับ

ภาษาของปุ่มเครื่องมือ

อันนี้ก็กำหนดเองได้ครับเราสามารถกำหนดได้อยากใช้ปุ่มอะไร โดยปกติ CKEditor จะเปลี่ยนภาษาของเครื่องมือตาม Browser ที่ได้ระบุไว้ (ผมทดสอบโดยการใช้ IE เข้ามันจะส่งปุ่มเครื่องมือภาษาไทยให้แต่ถ้าใช้ Firefox จะได้ปุ่มเครื่องมือเป็นอังกฤษ)

ปุ่มเครื่องมือภาษาอังกฤษ
อันนี้ดูด้วย Firefox ได้ปุ่มภาษาอังกฤษ

อันนี้ดูด้วย IE ได้ปุ่มภาษาไทย

ภาษาตรงนี้ถ้าอยากระบุให้เลือกภาษาใดภาษาหนึ่งแน่นอนไปเลยให้ระบุว่า

language : 'en',

รายชื่อภาษาทั้งหมด อยากรู้ไปดูที่ ckeditor\lang มีให้เลือกเยอะแยะมากมาย

ตอแหลแต่งสีได้อีก

เป็นของเล่นที่ CKEditor เหนือกว่ารุ่นพี่ FCKeditor ไปอีกเนื่องจากเราสามารถแต่งสีพื้นหลังให้เข้ากับ CMS ที่เราออกแบบได้โดยระบุใช้ plugin เพิ่มเติม (CKEditor ออกแบบใหม่ทำให้บางส่วนจะถูกส่งไปเป็น Plugin แทน core ของระบบ)

extraPlugins : 'uicolor', uiColor : '#006699',

อยากได้ Code สีอะไรก็ระบุไปได้เลย

สีน้ำเงินสีโปรดของผมเอามาทำเป็นพื้นหลังได้แล้ว

ชอบปุ่มไหนไม่เอาปุ่มไหนเลือก เอาเข้าเอาออกได้ตามใจชอบ

เรียกว่าเชิญจัดตามสะดวกเป็นจุดที่ผมชอบมาก เพราะบางปุ่มเราไม่จำเป็นต้องใช้ก็คัดออกไปได้การกำหนดก็ระบุว่า

toolbar : [ ['Source','-','Save','NewPage','Preview','-','Templates'], ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'], '/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Link','Unlink','Anchor'], ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'], '/', ['Styles','Format','Font','FontSize'], ['TextColor','BGColor'], ['Maximize', 'ShowBlocks','-','About'] ],

นี่เป็นชุดปุ่มเต็มทั้งหมด ถ้าไม่อยากได้ปุ่มไหนก็ลบทิ้งโลด เช่น

toolbar : [ ['Source','-','Templates'], ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ],

ระบุว่าใช้เครื่องมือแค่นี้เราก็จะได้หน้าตา Text Editor แบบนี้

ได้ปุ่มเครื่องมือชุดเล็ก

สุดท้ายแล้วก็เอา CKFinder มาต่อร่วมเข้าไปอีก

ก่อนจะเอาไปต่อร่วมอย่าลืม Config ตัว CKFinder ให้พร้อมใช้งานก่อนนะครับ ไปดูวิธีตาม บทความ นี้

แสนจะง่ายแค่เพิ่ม Code นี้ต่อท้ายเข้าไป

filebrowserBrowseUrl : '/ckfinder/ckfinder.html', filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images', filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash', filebrowserUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowserImageUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', filebrowserFlashUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

เอา CKFinder มาประกอบร่วม
จะเห็นเมื่อเวลา Browse Image จะมีปุ่ม Browse Server เพิ่มเข้ามา

เมื่อคลิกเข้าไปก็จะพาเข้าไปสู่ CKFinder โดยสมบูรณ์

สรุป Code ทั้งหมดที่กล่าวมาน่าจะได้ประมาณนี้

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Code</title> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> </head> <body> <textarea cols="80" id="message" name="message" rows="10" >ทดสอบความหล่อ</textarea> <script type="text/javascript"> //<![CDATA[ CKEDITOR.replace( 'message',{ skin : 'kama', language : 'en', extraPlugins : 'uicolor', uiColor : '#006699', height : 400, width : 750, toolbar : [ ['Source','-','Templates'], ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'], ], filebrowserBrowseUrl : '/ckfinder/ckfinder.html', filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images', filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash', filebrowserUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowserImageUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', filebrowserFlashUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' } ); //]]> </script> </body> </html>

ทั้งหมดนี้น่าจะเป็นจุดเริ่มต้นที่ดี สำหรับหลายๆคนจะหัดอ่าน Manual กัน ยังมีบางส่วนที่ผมไม่ได้กล่าวถึงเช่นการทำ Template แม่แบบ การทำ Style อันนี้ขอทิ้งไว้เป็นการบ้านไปศึกษาเพิ่มเติมกันเอง :P

บทสรุป

หลังจากผมได้ Review เจ้า CKEditor ไปพร้อมๆกับเตรียมนำไปประกอบใช้งาน ส่วนตัวประทับใจเรื่องความเร็ว ความสวยงาม ที่ CKEditor ทำได้ดีกว่า FCKeditor มาก เนื่องจาก CKEditor เพิ่งเปิดตัวไป (จริงๆมันแอบติดไว้ใน Web FCKeditor นานแล้ว) อาจจะยังมี Bug อยู่บ้างหลายคนอาจรอดูท่าทีก่อนก็ได้ครับ ว่ามันนิ่งแล้วจริงๆ ค่อยสลับจาก FCKeditor มาใช้ CKEditor แทน

ซึ่งน่าจะแน่นอนแล้วที่ FCKeditor จะพับฐานการพัฒนาไป เนื่องจาก ทางผู้พัฒนาต้องการลุย CKEditor ให้เต็มที่นั้นเอง

เอาว่าใครพร้อมก็หัดใช้ได้แล้วนะครับ หน้าตาดีๆแบบนี้ลูกค้าชอบใจแน่นอน ฟันธง ^^

รูปคุณ Read (6,885) Comments (32) 2009-09-21 23:27:59

ความคิดเห็น

ว้าว ๆ บล็อกอัพเดทแล้ว

ปกติผมก็สาวกของ FCKeditor อยู่แล้ว เห็นเจ้าตัวนี้ออกมาต้องรีบหัดใช้แล้วซะแล้ว

ณ ตอนนี้ไม่ได้ลองส่วนตัวคิดว่ามันคงเร็วกว่า รุ่นพี่อย่าง FCKeditor แน่นอน

รูปคุณ ปั๊ม โดยคุณ ปั๊ม 2009-09-22 02:51:49

ยอดเยี่ยมครับ ยอดเยี่ยม

รูปคุณ platoosom โดยคุณ platoosom 2009-09-22 07:58:21

สุโค่ย เลยครับ

มันง่ายกว่าเจ้า FCKeditor เป็นไหนๆ เลย

ปรับนู่น แต่งนี่ เพิ่มเติม โอย ติดใจครับ ^-^

รูปคุณ YoYO โดยคุณ YoYO 2009-09-22 08:53:10

:: ศิษย์เก่าชาวเลือดหมู ::

][ สักวัน...ผมจะ... ][

เคยชอบ FCKeditor อยู่เหมือนกันครับ แต่พักหลังได้ไปลองใช้ เจ้า tinyMCE ใน Wordpress ก็หลงรักมันทันที สงสัยต้องกลับมาลอง CKeditor ดูใหม่ละ แต่คงต้องหาวิธีใช้กับ Drupal หละ เพราะตอนนี้ก็นั่งแงะเล่น Drupal ขอบคุณมากครับพี่

โดยคุณ ปิเก้ 2009-09-22 12:23:07

เยียมครับ เป็นประโยชน์มาก จะลองเอาไปใช้ดู

รูปคุณ โอม โดยคุณ โอม 2009-09-22 14:51:17

ขอบคุณบทความรีวิวเจ๋งๆครับ
โหลดมาลองใช้บ้างแล้ว ชอบครับ
เดี๋ยวรออีกสัก สอง-สามเวอร์ชั่นอัพเดท จะเปลี่ยนมาใช้บ้าง (ใช้แต่ fck )

"ใช้ง่ายเข้าขั้นบ้า" << จริงๆครับ

รูปคุณ ej_sing โดยคุณ ej_sing 2009-09-22 15:07:38

บทความนี้เจ๋งสุด ๆ ทำตามแล้วได้ผลเป็นที่น่าพอใจอย่างมาก สำหรับคนไม่ค่อยฉลาดอย่างผม

ขอบคุณมาก ๆ ครับ เกิดชาติหน้าฉันใด ขอให้ฉลาดยิ่ง ๆ ขึ้นไป

รูปคุณ Gook โดยคุณ Gook 2009-09-22 17:03:18

เอาไปใส่ในฟอรั่ม แล้วเวลา submit
มันไม่แสดงผลอ่ะครับ กลายเป็น tag html ครอบข้อความที่เราส่งไปแทน
จะแก้ยังไงครับ

รูปคุณ pongsak โดยคุณ pongsak 2009-09-22 20:20:48

มาตามเก็บความรู้ค้าบ วันนี้วิ่งวุ่นทั้งวัน

เลยพึ่งได้มา ment

ขอบคุณครับ

รูปคุณ ฉุย โดยคุณ ฉุย 2009-09-22 21:22:40

เว็บเพื่อความคิดสร้างสรรค์และแบ่งปันครับ www.narongrit.net
และขอฝากเว็บโปรโมทด้วยครับ www.diggbookmark.com
ขอบคุณเว็บ scriptdd แห่งนี้ที่เปิดโลกทัศน์ให้กว้างกว่าเดิมครับ

สงสัยมานานแล้วครับเกี่ยวกับ License ของตัวนี้
ตกลงมันสามารถใช้ได้ฟรีหรือเปล่าครับ
อ่านที่เขาเขียนไว้ในข้อตกลงในการใช้งานแล้วงง

ขอบคุณครับ

รูปคุณ iannnnn โดยคุณ iannnnn 2009-09-24 00:11:17

จาก http://ckeditor.com/license

เอาตามที่ผมเข้าใจนะ
CKEditor แบ่ง License เป็น 2 แบบ

1. Open Source Licenses
ใช้แบบ GPL,LGPL และ MPL โดยมีเงื่อนไข
- เอา CKEditor ไปใช้งานประกอบกับ Open Source ตัวอื่นๆ
- ใช้งานส่วนบุคคลและสำหรับการศึกษา
- เอาไปใช้ใช้งานเชิงธุรกิจแต่ไม่ต้องการการ Support ใดๆ
ผมมองง่ายๆว่า เอา CKEditor ไปพัฒนาทำพวก Open Source ต่อก็เอาไปใช้ได้เลย
แต่ไม่มีการให้การ Support นะ

2. แบบธุรกิจ ใช้ Licenses แบบ CDL ( CKSource Closed Distribution License)

นำ CKFinder ไปพัฒนาต่อโดยไม่ต้องการอ้างถึงที่มา Source ต้นฉบับ หรือไม่ต้องการทำเป็น OpenSource
แบบนี้ก็จ่ายเงินให้เค้าตามรายละเอียดที่ว่าไป

ผิดถูกยังไงก็ว่ากันด้วยแปล Eng ควายๆเหมือนกัน

รูปคุณ 9AuM โดยคุณ 9AuM 2009-09-24 08:38:47

http://www.servdd.com Web Hosting คุณภาพบริหารงานโดยนายอ้ำ

ขอบคุณคร้าบ สำหรับบทความ

รูปคุณ ตู่ โดยคุณ ตู่ 2009-09-25 14:40:03

ขอบคุณสำหรับสิ่งดีๆครับ

รูปคุณ kikok โดยคุณ kikok 2009-09-26 12:21:46

www.uttc.ac.th

วิทยาลัยเทคนิคอุตรดิตถ์

ผมเขียนไปบางส่วนแหละ แต่ยังไม่ได้ approv ขึ้น ฮิ ๆ คงไม่ต้องแล้วแหละ ให้มาอ่านตรงนี้เอา แจ่ม!!!!

รูปคุณ P@W โดยคุณ P@W 2009-09-26 18:35:09

ทุกอย่างเกิดจากเหตุ และปัจจัย ไม่ใช่อยู่ดี ๆ ก็เกิดขึ้น :: สร้างฝันบนจินตนาการ

www.konkeanweb.com , www.prawee.com ,www.tct15.com ,www.thaiagro.com

ขอบคุณมากค่ะ สำหรับสาระ และวิธีการดีๆ

รูปคุณ อ๊อฟ โดยคุณ อ๊อฟ 2009-09-28 22:58:23

มันง่ายจนบ้าจริงๆ ผมลองแล้ว
ยังสงสัยเลยว่าแค่นี้เองหรอ (วะ) แล้วเสร็จงานโดย งง งง

ขอบคุณสำหรับ บทความเจ๋งๆนะครับ

รูปคุณ โอ้ว โดยคุณ โอ้ว 2009-09-30 15:41:10

ขอบคุณพี่อั้มมากเรยครับ ผมนั่งปวดหัวกะมันมานานแระอิอิอิ

รูปคุณ Beer โดยคุณ Beer 2009-10-01 12:21:26

รอกวนสอบถามนิดหนึ่งครับ
ผมลองทำตามดังตัวอย่างมันก็ได้อยู่ครับ แต่ติดปัญหาอยู่ที่ เวลาเอา toolbar บางตัวออกไปแล้ว ที่ ie toolbar ทั้งหมดจะหายไปเลยครับ คือไม่แสดงผล แต่ที่ firefox แสดงผลได้ตามปกติ ไม่ทราบจะแก้ไขอย่างไรได้บ้างครับ

รูปคุณ two-banana โดยคุณ two-banana 2009-10-14 13:48:20

มาอีกแล้ว ความรู้ดีๆ
ผมทำเว็บอยู่ ลอง CKEditor สักหน่อยน่าจะดี

รูปคุณ Silent โดยคุณ Silent 2009-10-14 14:00:10

ขอเก็บไปลองหน่อยนะครับ

รูปคุณ ตั้ม โดยคุณ ตั้ม 2009-11-14 19:22:46

ขอบคุณครับเสียดายตัว CKFinder ไม่ฟรี

รูปคุณ ขอบคุณครับ โดยคุณ ขอบคุณครับ 2009-11-16 15:21:41

งมเองทั้งวัน ขอบใจมากๆๆๆ

รูปคุณ Themost โดยคุณ Themost 2009-11-24 22:19:59

รบกวนสอบถามวิธีการใช้ CKEDITOR ร่วมกับ drupal หน่อยครับ
เนื่องจากยังไม่มี module ของ Ckeditor ให้โหลด
เลยไม่ทราบวิธีนำไปประยุกต์ใช้ครับ
ว่าใช้กับ drupal ยังไง

รูปคุณ winddragon โดยคุณ winddragon 2009-12-02 15:51:58

แล้วถ้าต้องการ ทำข้อมูลใน ฐานข้อมูลมา แก้ไขอ่ะครับ

จะต้องทำเหมือนกันกับ FCKeditor หรือป่าวครับ

<?
$test = $test[test];
$test = eregi_replace("\n", '', $test);
$test= eregi_replace("\r", '', $test);
$test= addslashes($test);
?>

ประมาณนี้อ่ะครับ

รูปคุณ ARs_BeaL โดยคุณ ARs_BeaL 2009-12-07 12:58:24

It was not possible to complete the request due to file system permission restrictions.

พอกดปุ่ม Upload Selected File แล้ว ขึ้นข้อความข้างบนครับ
กำลังหาวิธีแก้ไขอยู่ ถ้าใครรู้วิธีช่วยบอกด้วยนะครับ

Best Regards,
Khun Au

รูปคุณ au โดยคุณ au 2009-12-12 14:30:51

ผมหัดทำวันแรกครับ ใช้ของใหม่หมดเลย รุ่นเก่าก็ไม่เคยใช้
ติดปัญหาเลยครับ
ตอนค้นหาภาพครับ มันขึ้นข้อความนี้ครับ
type Status report

message /ckfinder/ckfinder.html

description The requested resource (/ckfinder/ckfinder.html) is not available.
ผมใช้ tomcat6.0.18 ครับ ช่วยส่งเคราะห์มือใหม่หน่อยคร้บ

รูปคุณ sayan โดยคุณ sayan 2009-12-12 20:14:57

รันใน local ไม่เห็นความต่างคับ พอ ๆ กับ fck ต้องลอง ขึ้น โฮส จริง ก่อน

รูปคุณ sudej โดยคุณ sudej 2009-12-15 00:36:33

กอฟ มา เยือน

สุดเดช

คือผมเด็กฝึกหัดน่ะครับ
ลองเอา สองตัว คือ folder ckeditor กับ ckfinder มาอยู่ใน folder web โดยมีไฟล์ test.php
ซึึ่่งไฟล์ test.php เนี้ย copy เอาในกระทู้นี้แบบเต็ม ครับ และเพิ่มในส่วนหัวของไฟล์
<? @session_start();
$_SESSION["C_STATUS"]="ADMIN";
?>

และแก้ไข config.php ในส่วน CheckAuthentication เป็น
session_name("CONTENTDD");
session_start ();
ob_start();

function CheckAuthentication()
{
if ($_SESSION["C_STATUS"] !="ADMIN") {
return false;
}else{
return true;
}
}

มันก็มีปัญหา ตรง image properties -> tab upload เมื่อกด อัพ ก็ไม่มีไร แก้ไง ครับ
ลบกวนด้วย ต้องการใช้ด่วน ครับผม

รูปคุณ xman2548 โดยคุณ xman2548 2010-01-02 00:49:52

ทำไมเคาะ ent แล้วตอน view ดูข้อมูลมันเว้นบรรทัด 2 บรรทัดอ่ะครับ

รูปคุณ kt โดยคุณ kt 2010-01-22 19:27:40

session_name("CONTENTDD");
session_start ();
ob_start();

function CheckAuthentication()
{
if ($_SESSION["C_STATUS"] !="ADMIN") {
return false;
}else{
return true;
}
}
--------------------------
"ADMIN" ตรงนี้อ่ะครับ แก้ไขเป็น cookieที่ใช้ login ของ session ที่เข้ามาก็ใช้ได้แล้ว
แต่ว่า ตรงคำว่า Demo เอาออกไงเหรอ แล้วเข้าโฟรเดอร์ image มันอยู่ตรงไหนเหรอคับท่าน ผมหาไม่เจอ ท่านบอกหน่อยน่ะครับ

รูปคุณ roj โดยคุณ roj 2010-01-25 11:13:41

มันฟ้อง Folder not found. Please refresh and try again
ทั้งที่ระบุตำแหน่งแล้วอ่ะครับ
$baseUrl = 'http://ชือเว็บ/admin/ckfinder/userfiles/';

รบกวนผู้รู้ด้วยครับ

รูปคุณ Sarawut โดยคุณ Sarawut 2010-02-04 17:10:34

ผมลองลง ckfinder แล้วพอรัน standalone.html มันขึ้น XML request error: (0) ครับ มันเป็นเพราะ อะไรครับ

รูปคุณ song โดยคุณ song 2010-02-15 14:38:40