Автоматические отступы у картинок с обтеканием

При работе с TinyMCE пользователь может задать у картинок опцию обтекания штатными средствами, при этом не понимая как добиться, чтобы текст не сливался с изображением. Между тем, реализовать этот эффект можно с помощью следующего CSS-кода:

img[style*="right"] {
  margin-left:  20px;
}
img[style*="left"] {
  margin-right:  20px;
}

Допиливаем возможность вставки адаптивного видео в tinymce

  1. Ищем в файле tinymce/plugins/media/plugin.min.js фрагмент:
    <iframe src="'+h.source1+'"

    и оборачиваем видеофрейм:

    <div class="videocontainer"><iframe src="'+h.source1+'" width="'+h.width+'" height="'+h.height+'"'+p+"></iframe></div>
    
    
  2. В scss-файл добавляем:
    .videocontainer {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
      iframe, object, embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }

Альтернативный вариант — подключить специальную библиотеку FitVids.js.