0

我对 Aloha (WYSIWYG) 编辑器非常陌生，我想知道如何删除/禁用其蓝色轮廓，然后编辑字段成为焦点。

我已经设法禁用黄色突出显示轮廓，但找不到禁用焦点边框轮廓上的蓝色的方法。

有什么友好的建议吗？

谢谢。

4

1 回答 1

0

这个蓝色轮廓是由“highlighteditables”插件的 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并始终加载。

解决它的一种方法是自己构建编辑器。基本介绍在开发 Aloha 编辑器指南的“4.3 自定义构建”部分进行了描述。

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

outline: none !important;

对于您有问题的元素。注意!important关键字 - 它是必需的。

于 2013-08-10T05:23:46.630 回答