Jump to content

Special styles in CKEditor field


Recommended Posts

I may be misunderstanding how CKEdit fields are supposed to be used in processwire, but maybe someone can clear this up.

I have a standard CKEdit field used for typing in body copy for the pages of the website. Doing headings, paragraphs, bold, table, etc is fine. But what if I want something a little different? For example, what if I want to be able to choose whether I wanted a standard bulleted list, or one that uses an image as the bullet points? Or maybe I want to be able to insert a 2 column CSS grid with items in it making it look like a two column bulleted list.

Do I just dip into the CKEdit fields source dialog at that point? Do I use multiple fields almost like a page builder type of approach (rich text block, then a special list block, then another rich text block, etc)?

I'm wondering what you all do. (Not just for bulleted lists, that was just an example)

The image shows three types of bullet points I may want to be able to choose from depending on the situation. 


Link to comment
Share on other sites

@msavard You add custom styles by editing the CK Editor JS file which (from memory) is located at something like /site/modules/InputfieldCKEditor/mystyles.js.

But you may wish to first check out this thread as there is a new RTE incoming for ProcessWire 🙂


  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...