Khi bạn thiết kế website bằng WordPress thì mặc định khi thêm media sẽ được tích hợp sẵn trong phần quản lý thư viện của WordPress.Tuy nhiên nếu như bạn tự code bằng php thuần hay framework thì làm thế nào để tích hợp chức năng up hình ảnh vào quản lý với ckeditor ? Đó là dùng thêm ckfinder ,
Các bước tích hợp tính năng upload hình ảnh trong ckeditor .
Bước 1: Download CKEditor
Bạn có thể download trực tiếp tại : http://ckeditor.com/download , sau đó up lên thư mục gốc của source code website bạn
Bước 2: Download KCFinder
Bước tiếp theo bạn download KCfinder tại : http://kcfinder.sunhater.com/download sau đó giải nén upload chung trong thư mục chứa ckeditor
Bước 3: Cấu hình
Ở bước này bạn sẽ cho hiển thị nút upload hình ảnh trong khung soạn thảo ckeditor .để cấu hình bạn di chuyển vào thu mục ckeditor sau đó mở file config.js và thêm vào một số dòng sau:
[crayon] CKEDITOR.editorConfig = function(config) {config.filebrowserBrowseUrl = ‘/kcfinder/browse.php?opener=ckeditor&type=files’;
config.filebrowserImageBrowseUrl = ‘/kcfinder/browse.php?opener=ckeditor&type=images’;
config.filebrowserFlashBrowseUrl = ‘/kcfinder/browse.php?opener=ckeditor&type=flash’;
config.filebrowserUploadUrl = ‘/kcfinder/upload.php?opener=ckeditor&type=files’;
config.filebrowserImageUploadUrl = ‘/kcfinder/upload.php?opener=ckeditor&type=images’;
config.filebrowserFlashUploadUrl = ‘/kcfinder/upload.php?opener=ckeditor&type=flash’;
};
[/crayon] Lưu ý ở đây bạn cần điền đúng đường dẫn từ web tới thu mục chúa folder kcfinder chính xác
Bước 4: chèn ckeditor vào web
Bạn mở file header của source code và thêm các dòng này
[crayon]
[/crayon]
Sau đó nếu như khi bạn click vào chèn hình vào khung soạn thảo có thể gặp lỗi : “You don’t have permissions to upload files”
Để xử lý lỗi này bạn di chuyển vào thư mục với đường dẫn ckfinder/conf/config.php , sữa lại dòng code sau:
[crayon]
‘disabled’ => true,
INTO
‘disabled’ => false,
[/crayon]
