에디터 모드 데모

공식 froala 에디터 비디오 플러그인에서 유투브 및 몇가지 플랫폼을 <iframe width="640" height="360" 로 정의하고 있어서, 또 리사이징의 가로세로 비율을 무시하고 조정되는 경우라 비디오 플러그인에 제약을 주지 않는한 최종 구독자에게 비율 맞게 보이게 하는건 어려울 듯 보입니다.

css로 자동 비율도 생각하고 적용했지만 height=360이라는 값이 정의되어있기 때문에 저라면 아래의 이벤트에서 사이즈 자동조정하고 브라우저 리사이징 될때도 고려해서(아이폰 등 가로 세로 변화 대응) 대처하겠습니다.

.on('froalaEditor.contentChanged', function (e, editor) { code })
$(window).ready(function() { code });
var resizeTimer: false
$(window).resize(function() {
if(resizeTimer !== false) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
code
}, 200);
});