ckeditor demo

by Zakaria Acharki

HTML

<script src="//cdn.ckeditor.com/4.5.1/standard/ckeditor.js"></script>
<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>

JavaScript

CKEDITOR.replace('editor1', {
  toolbar: 'Basic'
});

var toolbarGroups = [
  { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
  { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
  { name: 'forms', groups: [ 'forms' ] },
  '/',
  { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
  { name: 'links', groups: [ 'links' ] },
  '/',
  { name: 'styles', groups: [ 'styles' ] },
  { name: 'colors', groups: [ 'colors' ] }
];

CKEDITOR.instances.editor1.on("instanceReady", function(event) {
  CKEDITOR.instances.editor1.destroy(); 
  CKEDITOR.replace('editor1', {
    toolbarGroups,
    uiColor : '#9AB8F3',
  });
});