Implementing CKEditor Customizations in Oracle WebCenter Sites 12c
As many WebCenter Sites developers already know, the flexibility of the CKEditor attribute editor allows us to apply customizations to it. Actually, implementing these customizations isn't always the easiest task. For the newest 12c version, Oracle's official documentation can, unfortunately, be quite confusing.
To help clarify how to implement CKEditor customizations in 12c, this blog will outline simple instructions on how to customize the CKEditor toolbar.
Say for instance that we have an attribute called "Abstract," and it needs a basic, simplified CKEditor as its attribute editor. The toolbar of the out-of-the-box CKEditor is too complicated and cumbersome for this particular attribute; it is similar to the toolbar portrayed in the image above. We need to simplify this toolbar for our "Abstract" attribute.
So how do we do this? The steps are simple:
a.toolbar_absToolbarDef = [
Then, we need to create a new attribute editor via the Admin UI and wire it up to the new CKEditor toolbar definition. In my example, I have created a new attribute editor called "AbsCKEditor". Notice the two parameters CONFIG="laboutiqueconfig.js" and TOOLBAR="absToolbarDef" that connect it to the new definition:
The next step will be to actually deploy the extend.sites.webapp-lib.war file to the application server that is housing WebCenter Sites 12c. Then, a simple restart, and assign the new "AbsCKEditor" to our attribute "Abstract," and voila, a much more streamlined, basic toolbar: