+ <div class="description">\r
+ <p>\r
+ This sample shows how to configure CKEditor to output valid\r
+ <a class="samples" href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> code.\r
+ Deprecated elements (<code><font></code>, <code><u></code>) or attributes\r
+ (<code>size</code>, <code>face</code>) will be replaced with XHTML compliant code.\r
+ </p>\r
+ <p>\r
+ To add a CKEditor instance outputting valid XHTML code, load the editor using a standard\r
+ JavaScript call and define CKEditor features to use the XHTML compliant elements and styles.\r
+ </p>\r
+ <p>\r
+ A snippet of the configuration code can be seen below; check the source of this page for\r
+ full definition:\r
+ </p>\r
+ <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',\r
+ {\r
+ contentsCss : 'assets/output_xhtml.css',\r
+\r
+ coreStyles_bold : { element : 'span', attributes : {'class': 'Bold'} },\r
+ coreStyles_italic : { element : 'span', attributes : {'class': 'Italic'} },\r
+\r
+ // More definitions follow.\r
+ });</pre>\r
+ </div>\r
+\r