The editor UI color can be adjusted by the developer to match the look and feel of a website or an application. In order to define the color of the user interface, use the
config.uiColor configuration setting which accepts an RGB color code. In the editor instance below the UI color was set to the #CCEAEE RGB value.
CKEditor is well-suited for multilingual environment. Its UI is translated into
over 60 languages and by default it is displayed in user's language. Additionally, it makes working with multilingual content very convenient by providing the ability to set the text direction as well as mark the language of selected text fragments.
Inline Editing allows you to edit any element on the page in-place. Inline editor provides a real WYSIWYG experience "out of the box", because unlike in classic editor,
there is no
<iframe> element surrounding the editing area. The CSS styles used for editor content are exactly the same as on the target page where this content is rendered!
Inline Editing Enabled by Code
Press the "Start editing" button below. An editor will be created using the
CKEDITOR.inline() method with