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

Question

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

在 Github 上，同样的问题被问到，给出的答案是，

当用户移动鼠标时，突出显示插件会显示用户可编辑的区域。如果您不想使用它，请不要包含。或者做你自己的高亮插件...

但是，我不相信我包含了高亮插件。我的 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插件已禁用，那么您可能正面临这个错误。根据您的建议，issue opener您可以尝试!important从 CSS 中删除：

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

---

更新：

作为对@Marcin 关注的回复，请确保您的Aloha标签没有common/highlighteditablesindata-aloha-plugins属性： <script>

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

下面是对应的配置：

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

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

Answer 2

您不应该加载负责突出显示可编辑内容的插件。它的名称是“common/highlighteditables”，您可以在设置中自定义要与数组一起使用的插件：Aloha.settings.plugins.load. 现在，您将其包括在内，因为您没有指定插件列表并且加载了默认列表。