danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: jQuery Adapter — CKEditor Sample danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0: CKEditor Sample — Using jQuery Adapter danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: This sample shows how to load CKEditor and configure it using the danielebarchiesi@0: jQuery adapter. danielebarchiesi@0: In this case the jQuery adapter is responsible for transforming a <textarea> danielebarchiesi@0: element into a CKEditor instance and setting the configuration of the toolbar. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: CKEditor instance with custom configuration set in jQuery can be inserted with the danielebarchiesi@0: following JavaScript code: danielebarchiesi@0:

danielebarchiesi@0: 
$(function()
danielebarchiesi@0: {
danielebarchiesi@0: 	var config = {
danielebarchiesi@0: 		skin:'v2'
danielebarchiesi@0: 	};
danielebarchiesi@0: 
danielebarchiesi@0: 	$('.textarea_class').ckeditor(config);
danielebarchiesi@0: });
danielebarchiesi@0:

danielebarchiesi@0: Note that textarea_class in the code above is the danielebarchiesi@0: class attribute of the <textarea> element to be replaced with danielebarchiesi@0: CKEditor. Any other jQuery selector can be used to match the target element. 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: