删除Aloha-Editor Blue Focus Outline

Question

我是Aloha（WYSIWYG）编辑器的新手，我想知道如何删除/禁用其蓝色轮廓，然后编辑字段处于焦点。

我已设法禁用黄色高光轮廓，但无法找到禁用焦点边框轮廓上蓝色的方法。

任何友好的建议？

感谢。

Answer 1

此蓝色轮廓由“highlightitables”插件的CSS src/plugins/common/highlighteditables/css/highlighteditables.css制作：

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

检查在Web浏览器中运行检查器时，选择元素并禁用此样式会有所帮助。

注意!important的丑陋编程风格：（

不幸的是，你可以选择插件来加载你只选择JavaScript，在构建过程中启用的所有插件的CSS都会合并到aloha.css并且总是被加载。

解决这个问题的一种方法是自己构建编辑器。基本介绍在Develop Aloha Editor guide的“4.3自定义构建”部分中进行了描述。

由于构建Aloha需要一些努力，您可能对使用内联样式的快速解决方法感兴趣：

outline: none !important;

您遇到问题的元素。请注意!important关键字 - 它是必需的。