TinyMce에 포함 된 비디오의 정확한 크기 유지

Question

TinyMce에 미디어 플러그인을 추가하고 싶습니다. 특정 크기 값의 삽입 비디오를 추가 할 때 게시물을 저장할 때 너비가 올바르지 않습니다. 다음 HTML이 생성됩니다 :

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

을하지만 infortunatly, 난했습니다 내 폭 크기에 과부하 folowing CSS (MDL의 CSS) : 나는 iframe이 킵에 대한 대신 max-width:100%;를 사용하려면

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

을 너비가 100 %보다 우수하지 않은 경우 너비

TinyMce에서 만든 iFrame의 너비 속성을 어떻게 비활성화 할 수 있습니까? 나는 제거 속성에 대한 HtmlElement를 얻으려고 시도했지만 또 다른 설정했지만 성공하지 못했습니다.

Answer 1

내 문제에 대한 해결책을 찾았습니다. 이것은 영리하지는 않지만 여전히 잘 작동합니다. 나는 <iframe>의 <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를 포함합니다.