search

froala / angular-froala

Angular.js bindings for Froala WYSIWYG HTML Rich Text Editor.
https://froala.com/wysiwyg-editor
MIT License
306 stars 123 forks source link

youtube embed video works wrong in Froala editor #144

Closed VampireDaniel closed 7 years ago

VampireDaniel commented 7 years ago

<div style="" [froalaModel]="livestreamURL">

when you set youtube embed video into livestreamURL, the html in frontend will render a span tag with 'class="fr-video fr-fvc fr-dvi fr-draggable"'. this will lead to some unexpected user experience.

image

but if set facebook embed video, there is no additional span tag.

image

here is my froala editor opts:

let froalaOptions: any = { angularIgnoreAttrs: null, imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'], quickInsertButtons: ['ul', 'ol', 'hr'], colorsBackground: ['#FFFFFF ', '#5DF0AD ', '#C2F5FF ', '#091B6B ', '#630947 ', '#B3B1B1 ', '#373A3C '], colorsText: ['#FFFFFF ', '#5DF0AD ', '#C2F5FF ', '#091B6B ', '#630947 ', '#B3B1B1 ', '#373A3C '], toolbarInline: true, charCounterCount: false, imageMove: false, imageDefaultAlign: null, imageDefaultDisplay: null, videoMove: false, videoDefaultAlign: null, videoDefaultDisplay: null, videoEdit: false , videoTextNear: false, heightMin: 100 }