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' }


	},





	...


});