META-INF.resources.org.richfaces.ckeditor.samples.old.xhtmlstyle.html Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of richfaces Show documentation

There is a newer version: 5.0.0.Alpha3





	
	XHTML Compliant Output — CKEditor Sample
	
	
	
	


	
		CKEditor Samples » Producing XHTML Compliant Output
	
	
		This sample is not maintained anymore. Check out its brand new version in CKEditor SDK.
	
	
		
			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' }
	},

	...
});
	
	
		
			
				Editor 1:
			
			<p>This is some <span class="Bold">sample text</span>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
			
		
		
			
		
	
	
		
		
			CKEditor - The text editor for the Internet - http://ckeditor.com
		
		
			Copyright © 2003-2016, CKSource - Frederico
			Knabben. All rights reserved.