CKEditor Samples » Producing XHTML Compliant Output

This sample shows how to configure CKEditor to output valid XHTML 1.1 code. Deprecated elements (<font>, <u>) or attributes (size, face) will be replaced with XHTML compliant code.

To add a CKEditor instance outputting valid XHTML code, load the editor using a standard JavaScript call and define CKEditor features to use the XHTML compliant elements and styles.

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


CKEDITOR.replace( 'textarea_id', {

	contentsCss: 'assets/outputxhtml.css',



	coreStyles_bold: {

		element: 'span',

		attributes: { 'class': 'Bold' }

	},

	coreStyles_italic: {

		element: 'span',

		attributes: { 'class': 'Italic' }

	},



	...

});