How to split img placeholder in textAngular editor in var scope?

Question

I am using the TextAngular directive in an application with Angular. When I paste the youTube link (via a button on the toolbar), it displays the placeholder image in the editor. I want to save all html in the $ scope var variable, but without the placeholder html. I am currently getting something like this if I output the $ scope var variable, which is bound to the editor (ng-model):

"<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>"

What I really want is:

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

Answer 1

Two solutions.

• , ta-bind ng-model="html" ng-bind-html="html". , iframe.

• , Inject 'taApplyCustomRenderers' : htmlToServer = taApplyCustomRenderers($scope.htmlValue);.