TinyMCE 删除了 ng-click 事件 Angularjs

Question

editor.insertContent("<a href=\"#\" ng-click=\"signUp()\"> sign up </a>");

这是我为 TinyMCE 编辑器简单插入的代码行。它工作但有一些问题。这个问题是它从 like 中删除了 ng-click="signup()" 。换句话说，这会产生以下内容

<a href="#"> sign up </a>

而不是

<a href="#" ng-click="signUp()"> sign up </a>

如果在这种情况下有人帮助我，我将非常感谢。我只想为 tinymce 创建一个小插件，以正确的方式在代码行上方插入

Answer 1

您需要将 ng-click 设置为 a-Tags 的有效 tinymce 属性。试试这个设置：

// The valid_elements option defines which elements will remain in the edited text when the editor saves.
valid_elements: "@[id|class|title|style]," +
"a[name|href|target|title|alt|ng-click]," +
"#p,blockquote,-ol,-ul,-li,br,img[src|height|width],-sub,-sup,-b,-i,-u," +
"-span,hr",

Answer 2

我也想分享我的解决方案。可能不适合所有用例，因为它会让您容易受到 XSS 攻击。对于我的封闭环境，你很好。

我还想允许使用任何其他 angular 属性，因此将它们全部列出不是很可行。

我只是添加了以下内容：

valid_elements: '*[*]'

这允许使用具有任何属性的任何元素。

TinyMCE 删除了 ng-click 事件 Angularjs

TinyMCE removes the ng-click event Angularjs

javascript

jquery

events

tinymce

angularjs