javascript - Angular——允许用户输入 CSS 来动态生成模板

标签 javascript html css angularjs

出于安全原因,Angular 文档 clearly states ...不使用用户输入动态生成模板。但是,我只想这样做。我想允许用户使用输入字段自由生成 CSS 并使用它来创建自己的模板,然后他们可以下载这些模板。我知道 $sanitize 可以清理 HTML,但我不知道是否有任何东西可以让您使用 CSS 执行此操作,从而保护网站免受安全漏洞的侵害。

这可能吗?

提前致谢。

最佳答案

您可以使用样式标签预览用户输入的模板。我使用 $templateCache 加载用户 html。

 $scope.loadTemplate=function(){
       var randomStringName=makeid();
       $scope.templVar=randomStringName;
       $templateCache.put(randomStringName,$scope.templ);
 }

HTML

  <div ng-include="templVar"></div>

enter image description here http://plnkr.co/edit/8HP7HWwMvlXYiusE9TGH?p=preview

关于javascript - Angular——允许用户输入 CSS 来动态生成模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29736362/

相关文章:

php - 关于在PHP中嵌入HTML的一个问题

jquery - Flexslider 轮播/Fancybox 图像消失

javascript - 如何在 mongodb 控制台中使用 set(data structure)?

html - -transform translate 和 scroll 之间是否存在性能差异

javascript - dc.js 教程折线图渲染

html - 对一个子元素应用省略号,但不对另一个子元素应用省略号

javascript - JS/CSS/HTML 中的动态布局

javascript - Cordova 监听 iOS 主页按钮按下

javascript,判断val是否为单个数字的最佳方法

javascript - 根据条件渲染 JSX 元素