TinyMCE删除ng-click事件Angularjs

2016-01-16 40 views 1 likes

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

这是代码行，我简单的插入TinyMCE编辑器。它工作但有一些问题。与此问题是，它消除纳克单击=从像“注册（）”。换句话说，这产生以下内容TinyMCE删除ng-click事件Angularjs

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

这一翻译的

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

我会感谢充分，如果一些帮助我在这种情况下。我只是想在正确的方法来创建TinyMCE的插入只是上面的代码行一个小插件

来源

2016-01-16 Muhammad Shaaban

读了关于属性和消毒的关卡编辑器的配置选项。您应该能够添加到白名单specifc属性或设置配置为允许所有属性 – charlietfl

大尊敬 –

以下TinyMCE的alloweed我做到这一点。 extended_valid_elements –

回答

您需要设置NG单击标签作为有效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",

来源

2016-01-18 08:20:03 Thariama

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

我也想允许使用任何其他角度的属性，所以把它们列出所有不是很可行。

我简单地加入下列：

valid_elements: '*[*]'

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

来源

2017-10-31 12:49:29 Firze

TinyMCE删除ng-click事件Angularjs

回答

相关问题