jquery - 如何从 Aloha 编辑器 javascript 插件中的可编辑内容中删除黄色边框？

Question

我正在努力自定义 Aloha 编辑器。我想删除可编辑内容周围的黄色边框:

在 Github 上，有人提出了同样的问题，给出的答案是，

the highlight plugin shows the user editable areas when he moves the mouse. If you don’t want to use it just don’t include. Or do your own highlight plugin...

但是，我不相信我包含了突出显示插件。我的 Aloha 设置如下所示:

Aloha.settings = {
    locale: 'en',
    plugins: {
        format: {
            config: [  'b', 'i', 'sub', 'sup', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],
            editables : {
                '#title'    : [ ] // no formatting allowed for title
            }
        }
    },
    sidebar: {
        disabled: true
    }
};

有什么建议吗？

Answer 1

如果您确定 HighlightEditables插件被禁用，那么您可能会遇到这个 bug 。正如issue opener建议的您可以尝试删除 !important来自CSS:

.aloha-editable-active, .aloha-editable-active[contenteditable=true]:focus {
       outline: #80B5F2 solid 5px !important;
}

<小时/>

更新:

作为对@Marcin问题的回复，请确保您没有 common/highlighteditables在data-aloha-plugins您的 Aloha 的属性<script>标签:

<script src="javascripts/aloha/aloha.js"
  data-aloha-plugins="common/format, common/link"> // HERE
</script>

这是对应的configuration :

Aloha.settings.plugins: {
    highlighteditables: {
        config: [ 'highlight' ],

        editables: {
            '#one': [ 'highlight' ],
            '#two': [ ] // do not show visual effect for this editable
        }
    }
}