如何從Aloha編輯器JavaScript插件中的可編輯內容中刪除黃色邊框？

我正在努力定製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 
    } 
};

有什麼建議嗎？

來源

2013-05-11 clone45

如果您確定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 
     } 
    } 
}

來源

2013-05-11 19:53:45

這是一個醜陋的技巧，不會禁用突出顯示，但隱藏它，它可能會停止在下一個版本中工作，如果一些插件開發人員更改類名稱... – 2013-05-12 06:42:28

@MarcinSkórzewski，這是一個錯誤，如果你有插件被禁用，他們會修復它。請參閱上面的鏈接。 – 2013-05-12 07:12:18

我明白了。 @ clone45可能已經在'data-aloha-plugins'屬性中選擇了插件列表。 – 2013-05-12 07:27:00

您應該只是不加載負責的editables的突出插件。它的名字是「common/highlighteditables」，你可以自定義你想在陣列設置中使用哪個插件：Aloha.settings.plugins.load。現在，您正在包含它，因爲您沒有指定插件列表，並且默認的插件已加載。

來源

2013-05-12 06:46:04

如何從Aloha編輯器JavaScript插件中的可編輯內容中刪除黃色邊框？

回答

相關問題