Still coming to grips with Backdrop but almost there and ready to go live...

How do I add text and background color buttons to the ckeditor in core - is it a simple as downloading the relevant extension from ckeditor (I could not find any in the backdrop modules "Install modules" tab/search), nor could I find anything in the toolbar settings for Full HTML (admin/config/content/formats/) or is it a bit trickier?

Most helpful answers

Hi...,

For the Full HTML option...  see the "Format options" near the bottom of the CKeditor window when editing content.

For background colour... you can add the "Styles" and set the appropriate CSS styles.

Edit the Filtered HTML settings as above...

And then drag the styles button onto the toolbar... before

 

After..

Then in the "Style list" further down...
Enter your CSS classes...

An easy way to add CSS to your site is by installing the CSS Injector module.

Hope this helps.

Regards

Steve

Comments

Hi...,

For the Full HTML option...  see the "Format options" near the bottom of the CKeditor window when editing content.

For background colour... you can add the "Styles" and set the appropriate CSS styles.

Edit the Filtered HTML settings as above...

And then drag the styles button onto the toolbar... before

 

After..

Then in the "Style list" further down...
Enter your CSS classes...

An easy way to add CSS to your site is by installing the CSS Injector module.

Hope this helps.

Regards

Steve

Thanks @DrAlbany that approach would work, but what I was looking for was a way to add buttons on the editor in a similar manner to my old Drupal7 site.

As you can see I use an extended set of buttons on the old site...

I'm not sure... you may want to ask in the zulip channel...

But, while it won't help now... I know there is a team of devs working on CKE 5... 

quicksketch has just posted in Zuplip that he is confident about cke5 and wants people to try it out.

https://github.com/quicksketch/ckeditor5

With a slight caveat...  "This module is not ready for use on production websites. "

Hope this helps.