Category Archives: ckEditor

ckEditor Usages

Get value using jQuery:

Reference:

Using ckEditor in bootstrap modal:

Reference:

Useful Examples

http://docs.ckeditor.com/#!/api/CKEDITOR.editor

Customize toolbar dynamically

Reference: 

  1. http://ckeditor.com/ckeditor_4.1rc/samples/plugins/toolbar/toolbar.html
  2. http://ckeditor.com/ckeditor_4.1rc/samples/plugins/toolbar/toolbar.html#fullToolbar

ckEditor in jQuery UI Dialog

  1. Include a patch script:
    http://forum.jquery.com/topic/can-t-edit-fields-of-ckeditor-in-jquery-ui-modal-dialog
  2. Don’t use modal mode
  3. Initiate ckEditors when dialog is “Open”
  4. Close ckEditors when dialog is “Closed”

$(‘#dialog’).dialog({
open: function () {
$(this).find(‘textarea’).ckeditor();
},
close: function () {
$(this).find(‘textarea’).each(function(){
$(this).ckeditorGet().destroy();
});
}
});

config.js of ckEditor

Reference:

  1. http://ckeditor.com/latest/samples/plugins/toolbar/toolbar.html