Nam Còi
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng
Không Có Kết Quả
Xem Tất Cả Kết Quả
Nam Còi
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng
Không Có Kết Quả
Xem Tất Cả Kết Quả
Nam Còi
Không Có Kết Quả
Xem Tất Cả Kết Quả
Trang Chủ Lập Trình Website PHP

Cài đặt CKEditor 4 và CKFinder 3 trong dự án PHP Framework Laravel 5

bởi Nguyễn Hải Nam
15/11/2019
trong PHP
0 0
0
Tích hợp CKEditor và CKFinder vào dự án PHP Laravel

Tích hợp CKEditor và CKFinder vào dự án PHP Laravel

0
Chia Sẻ
2k
Lượt Xem

Hướng dẫn cài đặt CKEditor 4 và CKFinder trong Laravel 5. Một số thay đổi về bảo mật của XAMPP PHP 7.1 khiến cho việc tích hợp và cài đặt CKFinder 3 vào CKEditor 4 trong dự án Laravel gặp khá nhiều khó khăn.

Giả sử rằng các bạn đã có 1 dự án Laravel 5.5, chạy trên XAMPP (PHP 7.1). Mình sẽ lấy ví dụ về view tạo bài viết để thực thi tích hợp CKFinder 3 vào CKEditor 4.

Chúng ta có route trong file web.php như sau :

Route::resource('/posts','PostController');

Trong PostController.php sẽ là :

public function create(){
    return view('posts.create');
}

Tải CKEditor 4 tại đây. 

Tải CKFinder 3 tại đây. 

Lưu trữ cả 2 vào thư mục public của dự án Laravel. Ví dụ trên Mac OS: /Applications/XAMPP/htdocs/du-an-laravel/public/js. Ví dụ trên Windows là: C://xampp/htdocs/du-an-laravel/public/js. Giải nén 2 thư mục vừa tải về.

Trong view create.blade.php, chúng ta tạo mã nguồn như sau :

<!DOCTYPE html>
<html>

<body>
  <h1>Create Post View</h1>
  <form>
    <textarea name="content" id="editor" rows="10" cols="80">
        This is my textarea to be replaced with CKEditor.
    </textarea>
  </form>
  <script src="{{asset('js/ckeditor/ckeditor.js')}}"></script>
  <script src="{{asset('js/ckfinder/ckfinder.js')}}"></script>
  <script>
    CKEDITOR.replace('editor', {
    filebrowserBrowseUrl: "{{asset('js/ckfinder/ckfinder.html')}}",
    filebrowserUploadUrl: "{{asset('js/ckfinder/core/connector/php/connector.php?
command=QuickUpload&amp;type=Files')}}"});
  </script>
</body>

</html>

Mình đã nhúng CKEditor và nhúng CKFinder theo hướng dẫn theo tài liệu của CKEditor và CKFinder. Tuy nhiên, mọi thứ sẽ không hoạt động được nếu thiếu các bước sau:

Cấp quyền cho các thư mục có liên quan đến logs, CKEditor, CKFinder,… trong Laravel ( một số máy Mac và Linux sẽ phải cấp quyền ).

Chỉnh sửa trong file : /du-an-laravel/public/js/ckfinder/config.php như sau:

Dòng 28:

$config['authentication'] = function () {
    return true;
};

Dòng 66:

$config['backends'][] = array(
    'name' => 'default',
    'adapter' => 'local',
    'baseUrl' => 'your-url/ckeditor-ckfinder/public/ckfinder/userfiles/.ckfinder/temp',
    'chmodFiles' => 0777,
    'chmodFolders' => 0755,
    'filesystemEncoding' => 'UTF-8',
);

Dòng 161:

$config['tempDirectory'] = __DIR__ . '/userfiles/.ckfinder/temp';

3. Chỉnh sửa trong file : /du-an-laravel/public/js/ckfinder/core/connector/php/vendor/cksource/ckfinder/src/CKSource/CKFinder/Config.php, dòng 183:

'tempDirectory' => __DIR__ . '/userfiles/.ckfinder/temp',

Phần hướng dẫn chi tiết sẽ có trong buổi học. Chúc các bạn may mắn.

Xây Dựng Website Hoàn Chỉnh Với Laravel PHP Framework 5

Khóa Học Xây Dựng Website Hoàn Chỉnh Với Laravel PHP Framework 5

Thẻ: ckeditorckfinderlaravel
Bài Trước Đó

[APTECH PHP 16 – PHP 11] Hoàn thiện đầy đủ Laravel MVC, CRUD, Migration, Seeder, Faker PHP Library

Bài Tiếp Theo

[APTECH PHP 16 – PHP 12] Học mới về Laravel Authenticate, tích hợp CKEditor 4

Liên Quan

Hình Ảnh Ứng Dụng CRUD Với PHP Framework Laravel 5.5
PHP

Laravel 5.5 CRUD – Lập Trình Website CRUD PHP Framework Laravel – Phần 4

10/07/2020
Hình Ảnh Ứng Dụng CRUD Với PHP Framework Laravel 5.5
PHP

Laravel 5.5 CRUD – Lập Trình Website CRUD PHP Framework Laravel – Phần 3

10/01/2020
Hình Ảnh Ứng Dụng CRUD Với PHP Framework Laravel 5.5
PHP

Laravel 5.5 CRUD – Lập Trình Website CRUD PHP Framework Laravel – Phần 2

11/12/2019
Bài Tiếp Theo
thong-bao-aptech-php-16

[APTECH PHP 16 – PHP 12] Học mới về Laravel Authenticate, tích hợp CKEditor 4

Discussion about this post

Hình Ảnh Logo Của Laravel PHP Framework

Tổng hợp câu lệnh trong Laravel PHP Framework

28/10/2019
Nhập môn Lập Trình Website với HTML CSS và JavaScript

AJAX nhận dữ liệu JSON trong lập trình Website – HTML 13

28/04/2020
Tích hợp CKEditor và CKFinder vào dự án PHP Laravel

Cài đặt CKEditor 4 và CKFinder 3 trong dự án PHP Framework Laravel 5

15/11/2019
Nhập môn Lập Trình Website với HTML CSS và JavaScript

Website Single Page Application sử dụng kỹ thuật AJAX – HTML 12

28/04/2020
Nhập môn Lập Trình Website với HTML CSS và JavaScript

Lập trình website với HTML, CSS và JavaScript – HTML 14

28/04/2020
Hình Ảnh CRUD Trong Lập Trình Website

CRUD Là Gì? Lập Trình Website CRUD? CRUD Database?

09/05/2020
ADVERTISEMENT

Nam Còi Website

Chia sẻ kiến thức và kinh nghiệm về Lập Trình Website & Lập Trình Mobile

Theo Dõi Nam Còi Tại:

  • Nguyễn Hải Nam CV

Bản Quyền © 2018 - 2020 | Nam Còi

Không Có Kết Quả
Xem Tất Cả Kết Quả
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng

Bản Quyền © 2018 - 2020 | Nam Còi

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In