CKEditor: Custom Editor JS Styles Set

[Nils Wiere]

Hi all,

I'm just about to finish my first bigger ProcessWire project and I'm definitely amazed by the feature set and ease of use delivered by ProcessWire!

Starting with the last tweaks, I wanted to implement custom styles in CKeditor. However, no matter what I do, I end up with the default styles set in CKeditor.

Here’s what I did:

1. I entered the Custom Editor JS Styles Set location (mystyles:/site/modules/InputfieldCKEditor/mystyles.js; see screenshot 1)

2. I added my custom styles in the file mystyles.js (under site/modules/etc.).

But I still get the default styles in CKE (see screenshot 2). Even if I delete the whole content inside mystyles.js, I still end up with the default styles. It seems as if the custom mystyles location is ignored and the styles are taken from somewhere else (probably the wire/modules folder?).

Is there any setting I am missing here? Do you have any idea on how to get the custom styles to work?

Many thanks and all the best,

Nils

[pwired]

Check your field settings.

It's in the readme.txt in \site\modules\InputfieldCKEditor\readme.txt

mystyles.js
===========
Optional configuration for the CKEditor Styles option. To use this file, go to your
CKEditor field settings and set the Custom Styles Set to be this file.

Also have a look at some plugins for ckeditor, they might be useful:
http://ckeditor.com/addon/colorbutton
http://ckeditor.com/addon/magicline
 

[Christophe]

Can you paste a copy of your custom styles?

[Nils Wiere]

Hi there,

many thanks for your help. I just updated to 2.7.1 and for some reason everything works fine now.

Thanks and best,

Nils

[steveooo]

Hi. I got the same problem here. It was some caching it seems.. If I logout the backend account and enter via private browser mode, everything should work. If not: Strg/Cmd+R for browser reloading.