Developers can directly use CSS to render content in classic editing mode with
documentStyles. This configuration property accepts a string of CSS, which is added to a classic editing mode editor document immediately following any stylesheets added with
The value for this attribute is ignored in inline editing mode. In this mode editor content is part of the host page DOM and is thus rendered using CSS from the surrounding page.
In the example below a configuration is created that specifies inline document CSS along with 2 custom stylesheets. Note that CSS added with
documentStyles is loaded after any stylesheets added with
The following is a representation of the editor document when the configuration above configuration is used.