CODEWITHSUNDEEP
javascriptckeditor
user898741
user898741

Reputation:

CKEditor - No toolbars

So I got a textarea with CKEditor plugin but I just want it clean, without anything. No toolbars and no status or whatever bar. It´s simple but I can´t find it on docs or web!

My CKEditor is started with:

$('#texto').ckeditor({skin:'office2003'});

Upvotes: 8

Views: 17879

Answers (4)

Duy Momentive
Duy Momentive

Reputation: 1

With CKE 4 or newer, you can use below lines to config your CKE locally:

<script type="text/javascript">
$(document).ready(function()
{
 CKEDITOR.replace('textArea-id');
 CKEDITOR.config.toolbar = [['Bold','Italic','Underline']] ;
 CKEDITOR.config.uiColor = '#fff';
});

Hope this helps.

Upvotes: 0

John Magnolia
John Magnolia

Reputation: 16823

Following on from @wsanwille answer to also hide the toolbar.

CKEDITOR.replace('description', {
   toolbar: 'Custom', //makes all editors use this toolbar
   toolbarStartupExpanded : false,
   toolbarCanCollapse  : false,
   toolbar_Custom: [] //define an empty array or whatever buttons you want.
});

Upvotes: 2

fredck
fredck

Reputation: 369

Actually, the right way for it is simply removing the plugins that render these features:

config.removePlugins = 'toolbar,elementspath,resize';

With the new CKEditor 4, you may even build your own editor without these plugins, making your the editor code smaller: http://ckeditor.com/builder

Upvotes: 16

wsanville
wsanville

Reputation: 37516

You can edit the config.js file in the directory where you put the source files to specify custom toolbars.

CKEDITOR.editorConfig = function( config )
{
   config.toolbar = 'Custom'; //makes all editors use this toolbar
   config.toolbar_Custom = []; //define an empty array or whatever buttons you want.
};

See the developer's guide for more info.

Upvotes: 4

Related Questions