How do I customize a ckeditor 4.2 builtin plugin like links?

by

You got to observe dialogDefinition event to do this:

CKEDITOR.on( 'dialogDefinition', function( evt ) {
    var dialog = evt.data;

    if ( dialog.name == 'link' ) {
        // Get dialog definition.
        var def = evt.data.definition;

        // Add some stuff to definition.
        def.addContents( {
            id: 'custom',
            label: 'My custom tab',
            elements: [
                {
                    id: 'myField1',
                    type: 'text',
                    label: 'My Text Field'
                },
                {
                    id: 'myField2',
                    type: 'text',
                    label: 'Another Text Field'
                }
            ]
        });

    }
} );

CKEDITOR.replace( 'editor1' );

You can also remove existing fields:

var someTab = def.getContents( 'someTab' );
someTab.remove( 'someField' );

Or modify them:

var input = someTab.get( 'input' );
input[ 'default' ] = 'www.example.com';

Or event remove the whole tab:

def.removeContents( 'anotherTab' );

More Related Contents:

  1. How can you integrate a custom file browser/uploader with CKEditor?
  2. How to set the height of CKEditor 5 (Classic Editor)
  3. How to set cursor position to end of text in CKEditor?
  4. How to configure ckeditor to not wrap content in block?
  5. Copying rich text and images from one document to MIME in another document
  6. How do I programmatically set default table properties for CKEditor?
  7. Expert R users, what’s in your .Rprofile? [closed]
  8. Changing text color to Wix dialogs
  9. CKEditor automatically strips classes from div
  10. Android: customize application’s menu (e.g background color)
  11. Jackson: How to add custom property to the JSON without modifying the POJO
  12. How to change inside background color of UISearchBar component on iOS
  13. How to customize title bar and window of desktop application
  14. Set cursor to specific position in CKEditor
  15. Android toggle button custom look
  16. How to ajax-submit a form textarea input from CKEditor?
  17. How to customize / style a UIPopoverController
  18. How to use bootstrap with 16 or 24 columns
  19. Styling part of label in legend in matplotlib
  20. CKEditor strips inline attributes
  21. Is there a “right” way to have NSTextFieldCell draw vertically centered text?
  22. Bootstrap 4 custom build generator / download [duplicate]
  23. How do I set a value in CKEditor with Javascript?
  24. How to add a custom button to the toolbar that calls a JavaScript function?
  25. WPF: Changing Resources (colors) from the App.xaml during runtime
  26. How to get location of mouse in JavaFX?
  27. How to use Custom Serialization or Deserialization in WCF to force a new instance on every property of a datacontact ?
  28. Print an error message without printing a traceback and close the program when a condition is not met
  29. CKEditor unwanted   characters
  30. Android: Create a toggle button with image and no text

Leave a Comment