KCFinder web file manager (open-source) ฟรี

23 มี.ค. 2016 , 4,772 Views   , หมวดหมู่ jQuery,JavaScript,Ajax WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง   , ป้ายกำกับ:,


KCFinder เป็นระบบจัดการไฟล์ใน TextEditor ฟรี สามารถนำไปใช้ได้กับ TextEditor ต่างๆ เช่น FCKeditor, CKEditor, และ TinyMCE WYSIWYG web editors (หรือนำมาปรับแต่งใช้กับเว็บของเรา) ใช้สำหรับบริหารจัดการไฟล์ต่างๆ สามารถอัพโหลดรูปภาพ ไฟล์ฟอร์แมตต่างๆ แล้ว embedded เป็น HTML ใส่ใน TextEditor

kcfinder

ตัวอย่างการใช้ KCFinder ร่วมกับ CKEditor

ดาวน์โหลดไฟล์จาก http://kcfinder.sunhater.com/

จากนั้นนำไปใว้โฟลเดอร์เดียวกับกับ CKEditor ตามรูป (ไฟล์ index.php คือไฟล์ที่ใช้ TextEditor)

kcfinder2

ตัวอย่างโค๊ดในไฟล์ index.php ที่เรียกใช้ CKEditor

กำหนด KCFinder ให้เป็น Default file manager สำหรับ CKEditor

โดยเข้าไปแก้ไขไฟล์ใน ckeditor/config.js ตามโค๊ดด้านล่าง

หรือถ้าหากจะให้เฉพาะหน้านั้นใช้ KCFinder ก็ให้ใส่โค๊ดในหน้าที่ใช้ TextEditor ดังนี้ (ไฟล์ index.php คือไฟล์ที่ใช้ TextEditor)

 

เปิดใช้งาน KCFinder

เข้าไปแก้ไขไฟล์ kcfinder/conf/config.php

เปลี่ยนจากโค๊ด

มาเป็น

แค่นี้เราก็ใช้ KCFinder web file manager ได้แล้วครับ

ตัวอย่างการใช้ KCFinder ร่วมกับ TinyMCE 4

หากหน้าจัดการไฟล์ขึ้นหน้าว่างๆขาวๆ

  • ลองกำหนดสิทธิ์ให้โฟลเดอร์ kcfinder/upload เขียนได้ (chmod777) ดูครับ
  • หากยังไม่ได้ลองเชค gd ว่าได้เปิดใช้งานหรือเปล่าใน phpinfo()
  • หากยังไม่ได้ลองดูที่ไฟล์ kcfinder/conf/config พวกค่า uploadURL,uploadDir หรือ _sessionVar ว่ากำหนดถูกต้องหรือเปล่า

 

ดูข้อมูลเพิ่มเติม http://kcfinder.sunhater.com/integrate


ป้ายกำกับ:,