Add custom style to Inline Editor

Creating Neos & Flow Design & UX
1

Hey neos community,

is it possible to add custom style (small caps) to the inline editor?

image

I use neos v4.0 and can’t find any documenation for this config.

Thanks, Willi

2

I’m quite sure it is, it might not be documented yet because the integration with CKE is still quite new. @dimaip might know where to look?

3

Hi Willi!
It’s not yet possible to do it via NodeTypes.yaml, as we haven’t come up with a good way to configure it yet.
But it is pretty much possible via the lower level UI extensibility api.
There is an example for CKE4 here: https://github.com/neos/neos-ui-extensibility-examples/blob/master/Resources/Private/CustomStylingForCkEditor/src/manifest.js
I strongly urge you to start using CKE5 already, and in that case it’s even simpler, here’s a small sample: https://github.com/neos/neos-ui/blob/master/packages/neos-ui-ckeditor5-bindings/src/manifest.richtextToolbar.js#L240
Will try to make a separate demo for that some time.