# CKEditor Sample — 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)' }
    			}

    		// More definitions follow.
    	});

Editor 1: <div style="border:1px solid #b8b8b8; margin-top:10px;"> <div style="background:#B8B8B8;padding:10px; color:#AC040E; text-align:center;"><b>HOW TO USE</b></div> <ul style="list-style-type: square; "> <li style="padding-right:5px; font-weight:bold;">DOWNLOAD, CREATE OR BUY TEMPLATE</li> <li style="padding-right:5px; font-weight:bold;">INSERT HTML OR HTML / CSS INTO A NEW PAGE</li> <li style="padding-right:5px; font-weight:bold;">SAVE PAGE</li> <li style="padding-right:5px; font-weight:bold;">EDIT PAGE</li> </ul> </div>