使用TinyMCE的編輯器中的自定義屬性角

Question

我使用TinyMCE的編輯器來管理我的網站建有角4

惟獨當我routerLink屬性添加到<a>標籤TinyMCE的編輯器內工作正常，則routerLink變成routerlink（不是駱駝套）。

這裏是我的TinyMCE的初始化代碼：

var editor_config = { 
    path_absolute : real_url, 
    selector: "#postTextArea", 
    valid_elements: '*[*]' 
} 

tinymce.init(editor_config); 

我允許的所有屬性，但不能使routerLink工作。 TinyMCE始終將其更改爲小寫。

Answer 1

問題是routerLink無效HTML5 - HTML5中的屬性全部爲小寫。

要明白我的意思嘗試這種在任何現代瀏覽器控制檯：

document.body.innerHTML = '<span ID="x" myCustomAttr="x"></span>'; 
console.log(document.body.innerHTML); 

...這...產生

<span id="x" mycustomattr="x"></span> 

TinyMCE的僅僅是做給什麼屬性，瀏覽器將在運行時做。 它希望始終創建有效的HTML。

Angular使用稱爲Normalization的東西來處理瀏覽器和屬性。你可以在這裏讀到它：

https://docs.angularjs.org/guide/directive/#normalization

，你應該能夠使用data-router-link這TinyMCE的應該是罰款與作爲其有效的HTML5。