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

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 info@clicker.com.ua 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 opencart.zip file
3. Install new version

v.5.0.2_4.16.2 (2021-09-02)
* Minor language fixes
* OC2.3 support
* OC3.0.3.8 support
* Fixed font selector

v.5.0.3_4.16.2 (2021-09-29)
* OC3.0.3.8 missing files fixed
* bs_grid plugin fix to allow changing column format and text align
* bs_grid plugin now allows to configure column classes

v.5.0.4_4.17.1 (2021-11-20)
* updated CKEditor to v.4.17.1

v.5.0.5_4.17.1 (2021-11-24)
* added custom CSS files configuration
* added custom config settings
* content styling fixes
* minor html and language fixes
* added Auto Link plugin
* added Word & Paragraph count plugin

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)
!!! Please uninstall old extension version in Extensions->Installer and remove files in 'admin\view\javascript\clicker_ckeditor' folder before update

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
!!! Please uninstall old extension version in Extensions->Installer and remove files in 'admin\view\javascript\clicker_ckeditor' folder before update

Documentation & Full changelog