CKEditor Sample — Using jQuery Adapter

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

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

$(function()

{

	var config = {

		skin:'v2'

	};



	$('.textarea_class').ckeditor(config);

});

Note that textarea_class in the code above is the class attribute of the <textarea> element to be replaced with CKEditor. Any other jQuery selector can be used to match the target element.