私はメディアプラグインでTinyMCEの中に埋め込みメディアを追加するTinyMCEの

Question

に埋め込みビデオの正しいサイズを保管してください。私は、特定のサイズ値を持つ例えば埋め込みビデオを追加すると、私はポストを保存するときに、幅が正しくありません。

<iframe src="//www.youtube.com/embed/XlpTLDulFe8" width="100" height="100" allowfullscreen="allowfullscreen"></iframe> 

をしかしinfortunatly、私は私の幅サイズをオーバーロードfolowing CSS（MDLのCSSを）しました：：次のHTMLが生成され

iframe { 
    display: block; 
    width: 100%; 
    border: none; 
} 

私はキープiframe対応の代わりにmax-width:100%;を使用したいです幅が100％よりも優れていない場合は

TinyMceで作成されたiFrameの幅プロパティを無効にするにはどうすればよいですか？私はプロパティを削除するためにHtmlElementを取得しようとしましたが、別のものを設定しましたが、成功しませんでした。

Answer 1

私の問題に対する解決策を見つけましたが、これは巧妙な解決策ではありませんが、これはまだうまくいきます。私はの<p>（すべてのiframeが<p>タグに入れている）親

私が作成し、メッセージを変更したいとき、私は

public correctWidthIframe(html: string) { 
    let regex = /<p[^>]*>(<iframe*[^>]+(width=*[^height]*height="[0-9]*")[^>]*><\/iframe><\/p>)/g; 
    return html.replace(regex, (match, p1, p2) => { 
     let dimension = p2.match(/[0-9]+/g); 
     let style: string = '<p style="max-width:'+dimension.shift()+'px;">'; // only width is wrong 
     return style + p1; 
    }); 
} 

が、私はこの機能を使用するには、次の機能を使用するCSSプロパティを適用することembedVideoを含む