javascript - 如何在范围 var 的 textAngular 编辑器中去除占位符 img？

Question

我在带有 Angular 的应用程序中使用 TextAngular 指令。当我插入一个 youTube 链接(通过工具栏按钮)时，它会在编辑器中显示一个占位符图像。我希望将所有 html 保存在 $scope var 中，但没有占位符 html。目前，如果我输出绑定(bind)到编辑器 (ng-model) 的 $scope var，我会得到这样的结果:

"<p><img class="ta-insert-video" ta-insert-video="http://www.youtube.com/embed/cUeMF18zA4Y" src="" allowfullscreen="true" width="300" frameborder="0" height="250"/></p>"

我真正想要的是:

"<p><iframe src="http://www.youtube.com/embed/cUeMF18zA4Y" allowfullscreen="true" width="300" frameborder="0" height="250"></iframe></p>"

Answer 1

两种解决方案。

1. 如果您只是在屏幕上输出它，请使用 ta-bind ng-model="html" 而不是 ng-bind-html="html"。这会调用将其转换为 iframe 语法的自定义渲染器。

2. 如果您要将它发送回服务器并且不希望将其存储为占位符将“taApplyCustomRenderers”注入(inject)您的 Controller 并按原样使用它:htmlToServer = taApplyCustomRenderers($scope.htmlValue );.