CKEditor issue.

  
Hi!

I am using CKEditor in my application.  I need to change the current view provided by the CKEditor. (It has GUI options to save the data, make it italic, bold etc). I need to remove these options or either disable them.

Any hints ?

Thanks !
Hi,

You can configure buttons, size etc via the Config parameter in the CKEditor Block.

As an example, if you pass in

"toolbar:[['Source','-','Bold','Italic','Underline','RemoveFormat','-', 'NumberedList', 'BulletedList', '-', 'Link','Unlink','-','Image']],
toolbarCanCollapse:false, enterMode: CKEDITOR.ENTER_BR, height:250, width:622"

You will only get the buttons that appear in the QuickReply box here in the forums, and set those dimensions.

More info can be found here -> http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

Cheers,


Miguel
Miguel,

If I use this config with version 4 I got a CKEDITOR not configured message in console and no editor ...
Any suggestions for this

Joop
Hello Joop,

The documentation for version 4 is available on this page:
http://docs.ckeditor.com/#!/guide/dev_toolbar

Hope that helps.

Cheers!
Davide
Does anyone have a current example of the proper syntax to make this work with the currently released component?

I am trying to configure with this utility:
http://ckeditor.com/tmp/4.5.0-beta/ckeditor/samples/toolbarconfigurator/index.html#basic

With this configuration:
CKEDITOR.editorConfig = function( config ) {
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
{ name: 'links', groups: [ 'links' ] },
{ name: 'insert', groups: [ 'insert' ] },
{ name: 'forms', groups: [ 'forms' ] },
{ name: 'tools', groups: [ 'tools' ] },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others', groups: [ 'others' ] },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
{ name: 'styles', groups: [ 'styles' ] },
{ name: 'colors', groups: [ 'colors' ] },
{ name: 'about', groups: [ 'about' ] }
];
 
config.removeButtons = 'Underline,Subscript,Superscript,Link,Anchor,Unlink,SpecialChar,HorizontalRule,About';
};

But when I pass this in, the toolbar no longer shows up. Can anyone offer suggestions on how to make this config work as a pass in?

Thanks,

----Erik