CKEditor SDK

HTML Output Formatting Documentation

CKEditor offers a flexible output formatting system that gives developers full control over what the HTML code produced by the editor will look like. It is possible to define:

CKEditor with Custom HTML Formatting

In the example below CKEditor was configured to use more new lines for block elements, lists and tables than in default settings. New lines are thus added before the tag is opened or closed and after the tag is opened or closed. Additionally, indentation was added to descendant elements.

Refer to HTML Output Formatting documentation for more details on modifying HTML Output Writer rules and producing desired source code format.

Numerous configuration options are available to control the HTML markup (tags, attributes, styles) produced by specific CKEditor features (e.g. config.coreStyles_bold for the Bold button) or the sort of HTML code that is allowed in the editor (see Advanced Content Filter). Features mentioned in this sample are strictly associated with generic HTML source code formatting. Going carefully through the list of all CKEditor configuration options might help you get familiar with what is possible with CKEditor.

Related Features