Giới thiệu
Một cấu hình phù hợp của CKEditor là cần thiết để nó hoạt động tối ưu. Hướng dẫn này cung cấp các bước để cài đặt một phiên bản hợp lệ của CKEditor và cấu hình nó để sử dụng thư viện Media trong một dự án Sonata.
Cài đặt
Khắc phục lỗi khóa giấy phép LTS không hợp lệ
Nếu bạn gặp lỗi sau:
[CKEDITOR] For more information about this error go to https://ckeditor.com/docs/ckeditor4/latest/guide/dev_errors.html#invalid-lts-license-key
Cài đặt phiên bản CKEditor được chỉ định:
php php php bin/console ckeditor:install --tag=4.19.0
php bin/console assets:install
Cấu hình cho thư viện đa phương tiện
Để tích hợp thư viện đa phương tiện với CKEditor, bạn cần chỉ định filebrowserBrowseRoute và filebrowserImageBrowseRoute.
Sử dụng đường sonata_extra_ckeditor_media_browser vì mục đích này.
Đây là một ví dụ về cấu hình:
fos_ck_editor:
default_config: default
base_path: "build/ckeditor"
js_path: "build/ckeditor/ckeditor.js"
configs:
default:
language: fr
# default toolbar plus Format button
toolbar:
- [Bold, Italic, Underline, -, Cut, Copy, Paste,
PasteText, PasteFromWord, -, Undo, Redo, -,
NumberedList, BulletedList, -, Outdent, Indent, -,
Blockquote, -, Image, Link, Unlink, Table]
- [Format, Maximize, Source]
enterMode: CKEDITOR.ENTER_BR
filebrowserBrowseRoute: sonata_extra_ckeditor_media_browser
filebrowserImageBrowseRoute: sonata_extra_ckeditor_media_browser
Điều chỉnh ví dụ cho phù hợp với phiên bản đã cài đặt
Các ví dụ Symfony và Sonata vẫn gắn với các phiên bản được chỉ ra trong bài viết. Symfony 4.x và Symfony 6.2 không còn được duy trì: đối với một dự án hiện tại, hãy sử dụng một nhánh được duy trì và tài liệu tương ứng chính xác với các phụ thuộc của bạn.
php bin/console about
composer show symfony/framework-bundle sonata-project/admin-bundle
Trước khi tiếp tục với mã, hãy kiểm tra các chữ ký, dịch vụ, tuyến đường và mẫu liên quan. Sau đó thêm một bài kiểm tra chức năng bao phủ quyền, mã HTTP và kết quả hiển thị.
Tham chiếu : phiên bản Symfony được hỗ trợ.