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.