Contribute to this guideReport an issue

guideUsing Developer Tools Plugin to Customize Dialog Windows

This feature is provided through an optional plugin that is not included in the CKEditor 4 distribution packages available from the Download site and needs to be added to your custom build with online builder.

An optional CKEditor 4 plugin called Developer Tools displays tooltips with information about editor dialog windows, such as:

  • dialog window name,
  • dialog window tab name,
  • dialog window element ID,
  • dialog window element type with a link to an appropriate entry in the CKEditor API.

This feature is aimed at developers who would like to customize their CKEditor instances or create their own plugins. It is only useful in the development phase and makes no sense in a production environment, so do remember to get rid of it before you upload CKEditor 4 to your production server!

This feature works with all CKEditor 4 dialog windows, including the ones that were created by custom plugins.

# Customization Options

The Developer Tools plugin provides two configuration options:

# Developer Tools Demo

See the working “Developer Tools” sample that showcases how easy it can be to get information about editor dialog windows and their elements.

Read more about customizing CKEditor 4 dialog windows in the Dialog Windows HOWTO article. It explains how to set default values for dialog window fields or configure dialog window properties with some help from the Developer Tools plugin.