Is it possible to use old ckeditor v4 with latest backpack version?

[jimiero]

Hello,

I've recently updated a project to latest version of backpack, but now seems it uses ckeditor version 5 and editor plugins it was using before are not working anymore

Is it possible to make backpack to still use old v4 of ckeditor ?

Thanks

[backpack-ai-bot[bot]]

Yes, it is possible to use CKEditor v4 with the latest version of Backpack. According to the knowledge sources, you can achieve this by overriding the default CKEditor field view. Here's how you can do it:

1. Copy the CKEditor v4 file as ckeditor_v4.blade.php and place it in your project.

2. Override the default CKEditor field view by creating a new file at resources/views/vendor/backpack/crud/fields/ckeditor.blade.php.

3. In this new file, use the CKEditor v4 version instead of the default CKEditor 5.

This approach is mentioned in the Github Issue: CKEditor toolbars in Backpack v6, where a user suggests:

"Just to add a note that if you have too much stuff customized and CKeditor 4 is more than enough for your needs, you can just go to v5 branch, copy the ckeditor file as ckeditor_v4.blade.php and use it instead of the ckeditor Backpack provides."

However, please note that you may need to make some adjustments:

1. Change the <scripts> to be loaded through @basset.
2. Use CoreUIv2 theme because of Bootstrap 4, as CKEditor v4 might have issues with Bootstrap 5.

Keep in mind that this is a workaround and not the officially recommended approach. The latest versions of Backpack are designed to work with CKEditor 5, so using an older version might lead to compatibility issues or missing out on new features and improvements.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Github Issue (closed): CKEditor toolbars in Backpack v6
CkEditor 42 new builder not compatible with custom build
Fields|CKEditor Custom Builds Part 1
Github Issue (closed): [Bug] CKEditor 5 upload image + compatibility
Github Issue (closed): CkEditor(Wysiwyg) file upload
Github Issue (closed): CKEDITOR.style.addCustomHandler is not a function
Github Issue (closed): [Bug] Missing info about TinyMCE upgrade
Github Issue (closed): Updated TinyMCE
Github Issue (closed): CKEditor not showing
Github Issue (closed): [Bug] elFinder integration for CKEditor not working as documented
Github Issue (closed): Problems with ckeditor and elfinder

[jimiero]

there is no such ckeditor.blade.php file inside backpack crud version 5 branch any help would be appriciated

[jimiero]

@tabacitu any help here please?

[jimiero]

@pxpm do you have some more details on how to achieve this?

[karandatwani92]

Hey @jimiero

Sorry for late reply. Yes, you can use Ckeditor 4 or any other editor of your choice but you have to create a Backpack custom field using that JS lib.