Javascript Girl
  1. Javascript Girl
  3. Comment décoller l'espace réservé img dans l'éditeur texteAngular dans var var?
Intereting Posts
Pourquoi jqueryUI datepicker lance-t-il une erreur? La compilation angulaire en directive semble passer à la boucle infinie Création de tableaux en Javascript Renvoyer false sur addEventListener submit encore soumet le formulaire? Alerte multi-lignes en Javascript Application d'OOP avec jQuery Supprimez hashtag (#) de l'URL Inverser l'affichage d'une date en utilisant jQuery Ouvrez un nouvel onglet avec javascript mais restez sur l'onglet actuel Code fonctionne en violon, mais pas sur la page Web AngularJS Date Filter with / Date (############) format Javascript: vérifiez la fenêtre ouverte en double Google Drive télécharge la limite de taille du fichier Javascript textarea annuler refaire Lodash – différence entre .extend () / .assign () et .merge ()

Comment décoller l'espace réservé img dans l'éditeur texteAngular dans var var?

J'utilise la directive TextAngular dans une application avec Angular. Lorsque j'insère un lien youTube (via le bouton de la barre d'outils), il affiche une image placeholder dans l'éditeur. Je souhaite sauvegarder tout le html dans une variable de portée $ mais sans l'html de l'espace réservé. À l'heure actuelle, je reçois quelque chose comme ça si je lance le var de la portée de $ qui est lié à l'éditeur (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>"

Ce que je veux vraiment, c'est ceci: 

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

Deux solutions.

  1. Si vous l'envoyez sur l'écran, utilisez ta-bind ng-model="html" au lieu de ng-bind-html="html" . Cela appelle les redistributeurs personnalisés qui le convertissent à la syntaxe iframe.

  2. Si vous l'envoyez au serveur et ne le souhaitez pas stocké comme espace réservé Injecter 'taApplyCustomRenderers' dans votre contrôleur et l'utiliser comme tel: htmlToServer = taApplyCustomRenderers($scope.htmlValue); .