在TinyMce中，如何在编辑器处于焦点时改变容器的颜色？

Question

为了让编辑器看起来像高亮显示？ TinyMCE 的版本是今天最新的，4.3.2。

我想这应该很简单。我已经在 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');
    });
}

Answer 3

适用于tinymce 7版本

.tox-edit-area::before{
  border:2px solid orange !important;
}