在TinyMce中，如何在编辑器聚焦时更改容器的颜色？

Question

让它看起来像编辑器突出显示？ TinyMCE的版本是迄今为止的最新版本，4.3.2。

我认为应该很简单。我在SO，Google TinyMce论坛上完成了我的搜索。但我没有找到答案。

Answer 1

检查CSS，mce-edit-focus是编辑器处于活动状态时使用的类。

Answer 2

根据他们的文档，您可以在编辑器的设置功能中添加事件处理程序。

setup: function(editor) {

    editor.on('focus', function(e) {
      $(e.target.container).find('.mce-edit-area').toggleClass('focused');
    });

    editor.on('blur', function(e) {
      $(e.target.container).find('.mce-edit-area').toggleClass('focused');
    });
}