Post
Ask Question

Ckeditor Toolbar Visible on Focus

Hi if we are using CKEditor text box in the project and we need to show and hide the toolbar of the textbox on focus then below code will help you, to add this code open "ckeditor.js" file from ckeditor folder and the below code in the end of the file.  
  1. $(document).ready(function () {  
  2.    CKEDITOR.on('instanceReady', function (ev) {  
  3.       document.getElementById(ev.editor.id + '_top').style.display = 'none';  
  4.   
  5.   
  6.       ev.editor.on('focus', function (e) {  
  7.          document.getElementById(ev.editor.id + '_top').style.display = 'block';  
  8.   
  9.       });  
  10.       ev.editor.on('blur', function (e) {  
  11.          document.getElementById(ev.editor.id + '_top').style.display = 'none';  
  12.   
  13.       });  
  14.    });  
  15. });