X-Git-Url: https://jasonwoof.com/gitweb/?p=ckeditor.git;a=blobdiff_plain;f=_samples%2Fapi_dialog.html;h=9882d6a406c79fb388205fae41530f6c8d714288;hp=1ccc542db81a6e05713c90f040b495fff4bd68fe;hb=48b1db88210b4160dce439c6e3e32e14af8c106b;hpb=9afde8772159bd3436f1f5b7862960307710ae5a diff --git a/_samples/api_dialog.html b/_samples/api_dialog.html index 1ccc542..9882d6a 100644 --- a/_samples/api_dialog.html +++ b/_samples/api_dialog.html @@ -1,11 +1,11 @@ - Using API to customize dialogs - CKEditor Sample + Using API to Customize Dialog Windows — CKEditor Sample @@ -102,9 +102,32 @@ CKEDITOR.on( 'dialogDefinition', function( ev ) -

- CKEditor Sample +

+ 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. +
  2. Removing a dialog window tab – "Target" tab from the "Link" dialog window.
    3. +
  3. Adding dialog window fields – "My Custom Field" in the "Link" dialog window.
    4. +
  4. Removing dialog window fields – "Link Type" and "Browse Server" in the "Link" + dialog window.
    5. +
  5. Setting default values for dialog window fields – "URL" field in the + "Link" dialog window.
    6. +
  6. Creating a custom dialog window – "My Dialog" dialog window opened with the "My Dialog" toolbar button.
    7. +
+

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

+
+ +
-

- This sample shows how to use the dialog API to customize dialogs whithout changing - the original editor code. The following customizations are being done::

-
    -
  1. Add dialog pages ("My Tab" in the Link dialog).
    2. -
  2. Remove a dialog tab ("Target" tab from the Link dialog).
    3. -
  3. Add dialog fields ("My Custom Field" into the Link dialog).
    4. -
  4. Remove dialog fields ("Link Type" and "Browser Server" the Link - dialog).
    5. -
  5. Set default values for dialog fields (for the "URL" field in the - Link dialog).
    6. -
  6. Create a custom dialog ("My Dialog" button).
    7. -