danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: Using DevTools Plugin — CKEditor Sample danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0: CKEditor Sample — Using the Developer Tools Plugin danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: This sample shows how to configure CKEditor instances to use the danielebarchiesi@0: Developer Tools (devtools) plugin that displays danielebarchiesi@0: information about dialog window elements, including the name of the dialog window, danielebarchiesi@0: tab, and UI element. Please note that the tooltip also contains a link to the danielebarchiesi@0: CKEditor JavaScript API danielebarchiesi@0: documentation for each of the selected elements. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: This plugin is aimed at developers who would like to customize their CKEditor danielebarchiesi@0: instances and create their own plugins. By default it is turned off; it is danielebarchiesi@0: usually useful to only turn it on in the development phase. Note that it works with danielebarchiesi@0: all CKEditor dialog windows, including the ones that were created by custom plugins. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: To add a CKEditor instance using the devtools plugin, insert danielebarchiesi@0: the following JavaScript call into your code: danielebarchiesi@0:

danielebarchiesi@0:
CKEDITOR.replace( 'textarea_id',
danielebarchiesi@0: 	{
danielebarchiesi@0: 		extraPlugins : 'devtools'
danielebarchiesi@0: 	});
danielebarchiesi@0:

danielebarchiesi@0: Note that textarea_id in the code above is the id attribute of danielebarchiesi@0: the <textarea> element to be replaced with CKEditor. 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: