使用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。