CKEditor Full v.4.22.1 (Replace for Summernote)

CKEditor Full v.4.22.1 (Replace for Summernote)
OpenCart CKEditor Full is back!

Give your content management more power and convenience with OpenCart CKEditor HTML editor!

Our extension completely replaces default OpenCart HTML editor with CKEditor everywhere Summernote is used, even in third-party modules, if they are based on OpenCart standards.
CKEditor 4 has features found in desktop word processors such as styles formatting (bold, italic, underline, bulleted and numbered lists), tables, block quoting, web resource linking, safe undo function, image inserting, paste from Word and other common HTML formatting tools.

DEMO (product form)
DEMO (module settings)
NOTE: demo has limited (readonly) functionality for security reasons

Compatible with OpenCart 2.1 - 3.0 - 4.0

The CKEditor is feature rich text editor supporting HTML, so called WYSIWYG editor. It gives you much more power than Summernote used in OC 2.0-3.0. It is fast and easy to use and install.

Editor loads very fast, so you will not see any difference in speed in comparison to Summernote.
However, with this WYSIWYG editor you will get much more functionality working with your HTML content, styles and javascripts.

Included CKEditor has modifications:
- Disabled Advanced Content Filter.
This configuration allows adding any HTML/CSS/JS content in CKEditor in Source mode.
Therefore, you can insert any JS widget or Google Map API, or use custom "style" tag in your HTML.
- Show Blocks enabled. So you can see is it "p" or "div" or "ul" tag.
- Skin selector
- "i" and "span" tags and javascripts are not stripped
- File manager integration
- Editor displays Bootstrap styles correctly
- Editor has Bootstrap Grid constructor

Compatible with any extension where Summernote is used

Installed plugins:
- Codemirror syntax highlight for Source code
- HTML templates
- Clipboard (paste from Word and plain text)
- Form elements (form, checkbox, radio button, input field, etc...)
- Undo/Redo
- Search/Replace
- OpenCart file manager for image and url insert
- Embed media (YouTube, Flickr, Qik, Vimeo, Hulu, Viddler, MyOpera, etc.)
- Emoji
- Table wizard with columns resizing
- Font styling (bold, italic, underline, strikethrough, subscript, superscript)
- Letter spacing
- Line height
- Additional styling including h1/h2/h3/h4
- Text and background color selection
- All available languages from CKEditor package
- Base64Image
- Google QR-Code Picture
- GoogleMaps
- LeafletMaps
- FontAwesome
- AutoLink - text is converted to link on paste
- Words & Paragraphs counter
- Bootstrap preview
- Simple Bootstrap Grid constructor
- HTML5 audio & HTML5 video (multimedia file selection is possible only with our Extended Image Manager)

Compatible with our Extended Image Manager

Easy installation via ocmod or vqmod.

Please don't forget to rate a module if you like it

In case of trouble don't hesitate to contact us by email or by pressing "Get support" button.

Important! Please clear browser/cloudflare/twig/sass cache after module installation if you still see Summernote or CKEditor doesn't work properly.

v.4.8.3_4.16.0 (2021-04-07)
* updated CKEditor to v.4.16.0

v.5.0.1_4.16.2 (2021-08-24)
* updated CKEditor to v.4.16.2
* Module settings
* Speed optimizations
* Compatibility fixes
* New module structure
* New module settings form
* Module can be disabled now
* Module does not replace summernote core files any more
* Skin selection
* Resize settings
* Configurable AutoGrow editor size depending on HTML content height
* Language selection
* More module settings
* Better cache management on updates
* Started updates notification implementation
!!! IMPORTANT !!! Upgrade steps from version 4.x to 5.0:
1. Uninstall old extension version in Extensions->Installer
2. Restore admin/view/javascript/summernote folder from original file
3. Install new version

v.5.0.6_4.17.2 (2022-02-14)
* updated CKEditor to v.4.17.2
* toolbar fixes
* minor settings fixes

v.5.0.7_4.18.0 (2022-03-21)
* updated CKEditor to v.4.18.0

v.5.0.8_4.20.0 (2022-10-06)
* updated CKEditor to v.4.20.0
* HTML entities settings for greek and latin symbols
* unicode emoji plugin (requires utf8mb4 DB and tables encoding)

v.5.0.9_4.20.1 (2023-02-05)
* updated CKEditor to v.4.20.1
* updated plugins
* fix dialogs css
!!! Please uninstall old extension version in Extensions->Installer and remove files in 'admin\view\javascript\clicker_ckeditor' folder before update

v.5.0.10_4.21.0 (2023-04-03)
* updated CKEditor to v.4.21.0
* fix OC 2.3 JS
!!! Please uninstall old extension version in Extensions->Installer and remove files in 'admin\view\javascript\clicker_ckeditor' folder before update

v.5.0.11_4.22.1 (2023-07-01)
* updated CKEditor to v.4.22.1

v.5.0.12_4.22.1 (2024-01-21)
* OC support
* OC4: FontAwesome 6 support
* OC4: Boostrap 5 support
* JS fixes

Documentation & Full changelog

What customers say about CKEditor Full v.4.22.1 (Replace for Summernote)

Great support from the author.
This is a life saver. Just perfect to replace the not user friendly summernote. Finaly edit products and text and clean code edit. This also fixed a bug I had in summernote, that when editing in code view and lost everything. Now I have zero problems and I can edit or create very quickly. Superb module!
Great product and works perfect on OC 3.x


  • Developed by OpenCart Community
  • 12 Months Free Support
  • Documentation Included



Last Update
8 Feb 2024

17 Apr 2015
466 Sales
Member since: 18 Nov 2010

View all extensions Get Support