Support Thread for CKEditor Plugin

I just installed the CDN version released on May 5 and that solved my problem. I like to know why something stops working personally.

Note, I did have to totally remove the old version.

I've got a 1.5.4 that I can not get the CDN version to display. I can see that the javascript for it loaded but it doesn't show.

Which exact version of the ck editor are you using?

the one in the newly release cdn version of the ckeditor mod

new version released that fixes it for older versions of ZC

Why does this new version of the CKEditor not have a way to change font size or color?

Well, I would normally argue that is to save you from your poor design choices like pink and green huge text...
You can adjust line 22 of admin/includes/ckeditor.php to be to get the full editor

<script src="https://cdn.ckeditor.com/4.14.0/full/ckeditor.js" title="CKEditorCDN"></script>

Your choices are laid out here https://cdn.ckeditor.com/

I do not color my text in a pink and green huge. I do believe in the freedom for development users to have flexibility in editors. The previous installation of ckeditor worked very well, it was easy to modify to fit the developers needs. The new installation might be better, but losing flexibility is problematic. Maybe someone will document just how the new ckeditor has been implemented in Zencart and how the new implementation of ckeditor can be modified to make it more flexible. The documentation on the ckeditor website related to the CDN version is terrible.

Regards JD

barco57:

new version released that fixes it for older versions of ZC

Worked for all 3 I was having issues with =)

I have to agree about being able to edit the editor. I'm in total agreement with leaving out some options - have even integrated another editor before deleting many options. However, there are no longer paragraph alignment options in the editor and I also see no way to add them back in. I use the editor myself when making quick changes to a client's website - usually just some bolding or centering lines. I can certainly do this in code but the idea that one cannot change the alignment of a line is just....insane.

In the admin/ckeditor.php there is some info at the bottom but looking at this, I still cannot begin to figure out what to do. But I do want to put the second bit into play. The idea that the catalog stylesheet can be added to the editor is always what I belived (and did in a rendition of another editor years ago) should be how this is done.

// Other options:
// - Edit your /editors/ckeditor/config.js file to control the toolbar buttons, add additional plugins, control the UI color, etc
//
// Advanced:
// https://ckeditor.com/docs/ckeditor4/latest/features/styles.html#the-stylesheet-parser-plugin
// - set custom styles in the /editors/ckeditor/styles.js file
// - import a template-specific stylesheet from catalog-side, using config.contentsCss setting, so dialogs "look like catalog-side" in admin editor

So please someone cobble together some specific instructions! I'll be glad to do it if someone will set me on the right path.

Delia, I hope someone can help us understand how we can modify the new ckeditor implementation to meet our needs. In the meantime I am curious what editor did you integrate and how did you integrate it into Zencart?

I did find instructions how to pull different versions - changing the lilnk

There are these options:
basic - the Basic preset
standard - the Standard preset
standard-all - the Standard preset together with all other plugins created by CKSource*
full - the Full preset
full-all - the Full preset together with all other plugins created by CKSource*

The mod is pulling the standard-all. I changed to the full-all by changing admin/includes/ckeditor.php line 22 from

<script src="https://cdn.ckeditor.com/4.14.0/standard-all/ckeditor.js" title="CKEditorCDN"></script>

to

<script src="https://cdn.ckeditor.com/4.4.5.1/full-all/ckeditor.js" title="CKEditorCDN"></script>

I don't see how to disallow pieces this way. Looks like full sets only but at least one can expand the selection if you wish.

My worry here is that it is using a different version of the editor - I know there's always concerns about the versions and security but this uses a newer version. Shouldn't it then be safer?

Delia, Yes i found that and it does change the tool bars to include all plugins and i have some of the same concerns about just evolving into the wild wild west. I was also trying to find a way to choose a different skin. Changing the skin in the config.js does nothing.

jodean:

Delia, I hope someone can help us understand how we can modify the new ckeditor implementation to meet our needs. In the meantime I am curious what editor did you integrate and how did you integrate it into Zencart?

very long ago - a now defunct editor which I still prefer and use a really old version in a tiny cms in use on about 3 sites right now. Definitely not secure for general use.

And that's the problem. What is included in the mod right now is considered to be secure and that's the primary concern of the zen cart core team always. I've figured out how to modify this such as changing the actual set of tools pulled from the CDN but I like have having more control, especially for my clients. I don't want to have the ability to color the text in the editor so I'm happy about that change but then there are other things missing and I'm still looking at what's in each option. Unfortunately the plugin that I consider to be the handiest that uses a catalog stylesheet is not one that is included in a package. It has to be downloaded - still working on that.

All of this comes with major caveats - remembering the changes one made when upgrading, keeping up with possible insecurities (zc will upgrade when deemed prudent for the released version which does not mean you will know when your differences become a risk.

jodean:

Delia, Yes i found that and it does change the tool bars to include all plugins and i have some of the same concerns about just evolving into the wild wild west. I was also trying to find a way to choose a different skin. Changing the skin in the config.js does nothing.

There is a online builder that creates the changes - it might give you some idea of how to make the changes in yours and then again it may not be possible to change the cdn version. The online builder will give you the entire package with plugin directories and the config. I'm playing with it to see if I can easily add the paragraphing at a minimum and the plugin for the catalog stylesheet.

I see no difference between full and full-all by the way. I think the full-all needs further configuration in order to take advantage of possibly downloaded extra plugins. The differences between the standard-all and full are major and include way more than I want. Screenshot of the two panels:

And also, I edited the config.js file and it simply does not appear it's being used at all. I even deleted the file after my edits failed and it appears that it made no difference.

I do see instructions for correctly adding a local config file but am unsure how to make this happen. It looks like some js needs to be added to the admin/ckeditor.php file. So here's where a response from someone who is more proficient with js/jquery than I would be gratefully appreciated.

Definitely the config.js file is being called in admin/ckeditor.php and not heeded. So a fix please.

delia:

Definitely the config.js file is being called in admin/ckeditor.php and not heeded. So a fix please.

There are allot of things one can turn on or off depending on CKEditor build.. CKEditor 4.14 is what I'm using and not all the toolbars are on based on the config.js file in the editor folder. No config.js entry, turns them all on and one really do not need all.. CKEditor 5.19 build has very little tools installed and really not usable yet unless one builds the tools they need into it. It also requires a different admin script to work with ZC. By listing the tools one wants ..

config.toolbar = [
        { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
``` turns them on and listing tools one doesn't want

// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard toolbar.
config.removeButtons = 'Subscript,Superscript,Font,Flash';

turns them off.. 
Not sure on the latest CDN version... 
If you are not sure what toolbars exist in CKEditor 4, or you wish to create your own on/off list, check out there [toolbar configurator](https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic) tool..  Life just gets too simple sometimes!!

Does anyone know how to change the skin? Changing config.skin = 'moono'; to config.skin = 'moonocolor'; in the config.js does absolutly nothing.