In my web page, I have a CKEditor editor to add some information. Here I want to need some specific tools, but it displays many tolls which I don’t need. I want to custom tool, how can I custom tool setting in CKEditor?
I am trying this code:
<script type=”text/javascript”>
“toolbarGroups”: [
{ name: ‘basicstyles’, groups: [ ‘basicstyles’] },
{ name: ‘paragraph’, groups: [ ‘list’, ‘indent’, ‘blocks’, ‘align’ ] },
{ name: ‘links’ },
{ name: ‘colors’ },
{ name: ‘insert’ }
]
</script>
If you want to set custom tool setting in CKEditor, then filow the below example code. Apply these example code.
<script type="text/javascript"> CKEDITOR.editorConfig = function( config ) { config.toolbar = 'MyToolbar'; config.toolbar_MyToolbar = [ { name: 'document', items : [ 'NewPage','Preview' ] }, { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, '/', { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] }, { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] }, '/', { name: 'styles', items : [ 'Styles','Format' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] }, { name: 'links', items : [ 'Link','Unlink','Anchor' ] } ]; }; </script>
Question and answer is powered by AnsPress.io