Использование flash-плагина с inline ckeditor

Question

Я использую встроенную версию ckeditor 4.0.2 и пытаюсь встроить Flash-объект (ooyala video) с помощью плагина flash. После добавления url я вижу изображение «Flash» вместо видео. Кроме того, после сохранения кода я все еще вижу то же изображение вместо видео.

вот код этого изображения флэш

<img class="cke_flash" data-cke-realelement="the real element code" data-cke-real-node-type="1" alt="Flash Animation" title="Flash Animation" align="absMiddle" src="http://localhost:3000/javascripts/lib/ckeditor_4.0.2/plugins/fakeobjects/images/spacer.gif?t=D26D" data-cke-real-element-type="flash" data-cke-resizable="true"> 

Как я могу увидеть реальное видео вместо этого образа?

Answer 1

Вы не можете видеть флэш-видео в редакторе специально. Он заменяется фиктивным изображением, чтобы защитить содержимое редактора и убедиться, что щелчок (или другое взаимодействие) со встроенным объектом не нарушает работу редактора. Flash может работать в полноэкранном режиме, загружать большое количество данных, шуметь или что-то еще, что, вообще говоря, нежелательно во время работы в редакторе.

После того, как вы получите данные из редактора, ваша вспышка преобразуется в нужную разметку, т.е .:

<p> 
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> 
     <param name="quality" value="high" /> 
     <param name="movie" value="someFlashToBeLoaded.swf" /> 
     <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="qwe.swf" type="application/x-shockwave-flash"></embed> 
    </object> 
</p> 

Просто убедитесь, что вы получите данные редактор с CKEDITOR.instances.yourInstance.getData(). Никогда напрямую с element.innerHTML, $('ckeditor').html() или аналогичным.

Что вы имеете в редакторе DOM не что вы получаете с editor.getData(). Это связано с тем, что редактор выполняет расширенную обработку, фильтрацию и прочее, чтобы вернуть допустимый HTML, включая разметку флеш-встраивания.

Подробнее см. В docs.