X-Git-Url: https://jasonwoof.com/gitweb/?p=ckeditor.git;a=blobdiff_plain;f=_samples%2Foutput_xhtml.html;h=f65cd0b2ec88df210448ccad472501ba694b8210;hp=c84ca0e0635d27d7d5949947669f90aa76a089f6;hb=48b1db88210b4160dce439c6e3e32e14af8c106b;hpb=9afde8772159bd3436f1f5b7862960307710ae5a diff --git a/_samples/output_xhtml.html b/_samples/output_xhtml.html index c84ca0e..f65cd0b 100644 --- a/_samples/output_xhtml.html +++ b/_samples/output_xhtml.html @@ -1,20 +1,46 @@ - XHTML compliant output - CKEditor Sample + XHTML Compliant Output — CKEditor Sample -

- CKEditor Sample +

+ CKEditor Sample — 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/output_xhtml.css',
+
+		coreStyles_bold	: { element : 'span', attributes : {'class': 'Bold'} },
+		coreStyles_italic : { element : 'span', attributes : {'class': 'Italic'} },
+
+		// More definitions follow.
+	});
+
+

- This sample shows CKEditor configured to produce XHTML 1.1 compliant - HTML. Deprecated elements or attributes, like the <font> and <u> elements - or the "style" attribute, are avoided.

-


+ Editor 1: