X-Git-Url: https://jasonwoof.com/gitweb/?p=ckeditor.git;a=blobdiff_plain;f=samples%2Fold%2Fdialog%2Fdialog.html;fp=samples%2Fold%2Fdialog%2Fdialog.html;h=df43657e52f316aa7db9595c051a082dc506c377;hp=0000000000000000000000000000000000000000;hb=34d2dd88753d873bd36d07d9917b326fa84ac464;hpb=a0df3d0ab0c5252b5e2e0fd274705ede834c2276 diff --git a/samples/old/dialog/dialog.html b/samples/old/dialog/dialog.html new file mode 100644 index 0000000..df43657 --- /dev/null +++ b/samples/old/dialog/dialog.html @@ -0,0 +1,190 @@ + + + + + + Using API to Customize Dialog Windows — CKEditor Sample + + + + + + + + + +

+ CKEditor Samples » Using CKEditor Dialog API +

+
+ This sample is not maintained anymore. Check out the brand new samples in CKEditor SDK. +
+
+

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

+

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

+
+

A custom dialog is added to the editors using the pluginsLoaded event, from an external dialog definition file:

+
    +
  1. Creating a custom dialog window – "My Dialog" dialog window opened with the "My Dialog" toolbar button.
    2. +
  2. Creating a custom button – Add button to open the dialog with "My Dialog" toolbar button.
    3. +
+ + +

The below editor modify the dialog definition of the above added dialog using the dialogDefinition event:

+
    +
  1. Adding dialog tab – Add new tab "My Tab" to dialog window.
    2. +
  2. Removing a dialog window tab – Remove "Second Tab" page from the dialog window.
    3. +
  3. Adding dialog window fields – Add "My Custom Field" to the dialog window.
    4. +
  4. Removing dialog window field – Remove "Select Field" selection field from the dialog window.
    5. +
  5. Setting default values for dialog window fields – Set default value of "Text Field" text field.
    6. +
  6. Setup initial focus for dialog window – Put initial focus on "My Custom Field" text field.
    7. +
+ + + + +