Index: /CKEditor/trunk/_samples/devtools.html =================================================================== --- /CKEditor/trunk/_samples/devtools.html (revision 6679) +++ /CKEditor/trunk/_samples/devtools.html (revision 6679) @@ -0,0 +1,98 @@ + + + +
+
+ This sample shows how to configure CKEditor instances to use the
+ Developer Tools (devtools
) plugin that displays
+ information about dialog window elements, including the name of the dialog window,
+ tab, and UI element. Please note that the tooltip also contains a link to the
+ CKEditor JavaScript API
+ documentation for each of the selected elements.
+
+ This plugin is aimed at developers who would like to customize their CKEditor + instances and create their own plugins. By default it is turned off; it is + usually useful to only turn it on in the development phase. Note that it works with + all CKEditor dialog windows, including the ones that were created by custom plugins. +
++ To add a CKEditor instance using the devtools plugin, insert + the following JavaScript call into your code: +
+CKEDITOR.replace( 'textarea_id', + { + extraPlugins : 'devtools' + });+
+ Note that textarea_id
in the code above is the id
attribute of
+ the <textarea>
element to be replaced with CKEditor.
+