HTML Compliant Output — CKEditor Sample

# CKEditor Samples » Producing HTML Compliant Output

This sample shows how to configure CKEditor to output valid HTML 4.01 code. Traditional HTML elements like `<b>`, `<i>`, and `<font>` are used in place of `<strong>`, `<em>`, and CSS styles.

To add a CKEditor instance outputting legacy HTML 4.01 code, load the editor using a standard JavaScript call, and define CKEditor features to use the HTML compliant elements and attributes.

A snippet of the configuration code can be seen below; check the source of this page for full definition:

    CKEDITOR.replace( 'textarea_id', {
    	coreStyles_bold: { element: 'b' },
    	coreStyles_italic: { element: 'i' },

    	fontSize_style: {
    		element: 'font',
    		attributes: { 'size': '#(size)' }
    	}

    	...
    });

Editor 1: <p>This is some <b>sample text</b>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>