2013-05-11 49 views
3

我正在努力定制Aloha编辑器。我想删除周围的可编辑内容的黄色边框:如何从Aloha编辑器JavaScript插件中的可编辑内容中删除黄色边框?

enter image description here

在Github上,同样的问题被问和给出的答案是,

亮点插件向用户显示当他移动 鼠标时可编辑的区域。如果你不想使用它,只是不包括。或者做你自己的 高亮插件...

但是,我不相信我包括高亮插件。我的阿罗哈设置如下所示:

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 
    } 
}; 

有什么建议吗?

回答

3

如果您确定HighlightEditables插件已禁用,那么您可能正面临bug。正如issue opener建议您可以尝试从CSS删除!important

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

更新

至于@回复马辛的关注,请确保您common/highlighteditablesdata-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 
     } 
    } 
} 
+0

这是一个丑陋的技巧,不会禁用突出显示,但隐藏它,它可能会停止在下一个版本中工作,如果一些插件开发人员更改类名称... – 2013-05-12 06:42:28

+0

@MarcinSkórzewski,这是一个错误,如果你有插件被禁用,他们会修复它。请参阅上面的链接。 – 2013-05-12 07:12:18

+0

我明白了。 @ clone45可能已经在'data-aloha-plugins'属性中选择了插件列表。 – 2013-05-12 07:27:00

1

您应该只是不加载负责的editables的突出插件。它的名字是“common/highlighteditables”,你可以自定义你想在阵列设置中使用哪个插件:Aloha.settings.plugins.load。现在,您正在包含它,因为您没有指定插件列表,并且默认的插件已加载。