在TinyMce中，当焦点对准编辑器时如何更改容器的颜色？

Question

要使其看起来像是突出显示的编辑器？ TinyMCE的版本是今天的最新版本4.3.2。

我认为这应该很简单。 我已经在Google TinyMce论坛上进行了搜索。 但是我没有找到答案。

Answer 1

检查CSS， mce-edit-focus是激活编辑器时使用的类。

Answer 2

根据他们的文档，您可以在编辑器的setup函数中添加事件处理程序。

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');
    });
}