Although CKEditor strength lies in WYSIWYG editing, the underlying format of the editor content is usually HTML. However, working directly with HTML code is also possible thanks to the source code editing feature provided by the Source Editing Area and Source Dialog plugins.
Both plugins introduce theSource toolbar button. Refer to the Source Code Editing article to learn more about this feature as well as the functional differences between the plugins.
The following editor instances show how both plugins can be combined with classic and inline editor.
Follow the steps below to try it out:
The following configuration option was used:
config.extraPlugins = 'sourcedialog';