javascript - CKEditor 4 内联 : How to hide toolbar on demand?

Question

通常当你点击页面中除编辑区域以外的其他地方时，工具栏会隐藏，现在我需要在用户命令(例如用户按下快捷方式)时隐藏工具栏。

我尝试在 ckeditor 工具栏 div 上调用 jQuery hide 方法，但一旦隐藏，即使用户将焦点放在编辑区域，它也永远不会可见。

关于如何实现这一点有什么想法吗？非常感谢。

Answer 1

当焦点回到编辑区域时，您是否尝试执行 jQuery Show？

您还可以附加到焦点和模糊事件以显示和隐藏工具栏:

// Call showToolBarDiv() when editor get the focus
    editor.on('focus', function (event)
    {
               showToolBarDiv( event );
     });
    // Call hideToolBarDiv() when editor loses the focus
    editor.on('blur', function (event)
    {
               hideToolBarDiv( event );
    });


    //Whenever CKEditor get focus. We will show the toolbar DIV.
     function showToolBarDiv( event )
     {
      // Select the correct toolbar DIV and show it.
      //'event.editor.name' returns the name of the DIV receiving focus.
        $('#'+event.editor.name+'TBdiv').show();
     }

     //Whenever CKEditor loses focus, We will hide the corresponding toolbar DIV.
     function hideToolBarDiv( event )
     {
        // Select the correct toolbar DIV and hide it.
        //'event.editor.name' returns the name of the DIV receiving focus.
        $('#'+event.editor.name+'TBdiv').hide();
     }