CKEditor Sample — Using CKEditor Dialog API

This sample shows how to use the CKEditor Dialog API to customize CKEditor dialog windows without changing the original editor code. The following customizations are being done in the example below:

  1. Adding dialog window tabs – "My Tab" in the "Link" dialog window.
  2. Removing a dialog window tab – "Target" tab from the "Link" dialog window.
  3. Adding dialog window fields – "My Custom Field" in the "Link" dialog window.
  4. Removing dialog window fields – "Link Type" and "Browse Server" in the "Link" dialog window.
  5. Setting default values for dialog window fields – "URL" field in the "Link" dialog window.
  6. Creating a custom dialog window – "My Dialog" dialog window opened with the "My Dialog" toolbar button.

For details on how to create this setup check the source code of this sample page.