danielebarchiesi@0: danielebarchiesi@0: 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: 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: