danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: XHTML Compliant Output — CKEditor Sample danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0: CKEditor Sample — Producing XHTML Compliant Output danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:

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

danielebarchiesi@0:

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

danielebarchiesi@0:

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

danielebarchiesi@0: 
CKEDITOR.replace( 'textarea_id',
danielebarchiesi@0: 	{
danielebarchiesi@0: 		contentsCss : 'assets/output_xhtml.css',
danielebarchiesi@0: 
danielebarchiesi@0: 		coreStyles_bold	: { element : 'span', attributes : {'class': 'Bold'} },
danielebarchiesi@0: 		coreStyles_italic : { element : 'span', attributes : {'class': 'Italic'} },
danielebarchiesi@0: 
danielebarchiesi@0: 		// More definitions follow.
danielebarchiesi@0: 	});
danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0:
danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: