X-Git-Url: https://scm.cri.ensmp.fr/git/ckeditor.git/blobdiff_plain/256592bf803e851aa7fc953e08a6e9e58d970f8c..871bad8291b6dbc29d489d95d185458caab25158:/skins/ckeditor/_samples/devtools.html?ds=sidebyside diff --git a/skins/ckeditor/_samples/devtools.html b/skins/ckeditor/_samples/devtools.html new file mode 100644 index 0000000..87a3a7f --- /dev/null +++ b/skins/ckeditor/_samples/devtools.html @@ -0,0 +1,94 @@ + + + + + Using DevTools Plugin — CKEditor Sample + + + + + + +

+ CKEditor Sample — Using the Developer Tools Plugin +

+
+

+ 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. +

+
+ + +
+ +
+
+

+ + + +

+

+ +

+
+ + +