Автор:
Дмитрий Кондин
1. Необходимо разрешить в настройках ckeditor использование специальных тегов <iframe>. Для этого в файле
/ckeditor/config.js добавляем опцию
config.allowedContent = true;
Полный листинг файла config.js с этой опцией будет выглядеть так
/**
* @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// For the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'forms' },
{ name: 'tools' },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'about' }
];
// Remove some buttons, provided by the standard plugins, which we don't
// need to have in the Standard(s) toolbar.
config.removeButtons = 'Underline,Subscript,Superscript';
config.allowedContent = true;
// Se the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';
// Make dialogs simpler.
config.removeDialogTabs = 'image:advanced;link:advanced';
};
2. Теперь мы можем при редактировании текста добавлять код с youtube.
Открываем ролик на youtube и копируем код из нижнего окошка под видео Поделиться - HTML-код
Код выглядит примерно так
<iframe width="560" height="315" src="https://www.youtube.com/embed/HFTZwLO5RSQ" frameborder="0" allowfullscreen></iframe>
Кстати, можно использовать подобный код и с vimeo, например.
3. Теперь копируем этот код и идем в редактирование страницы, включаем режим Источник и вставляем этот код в нужное место текста
4. Сохраняем и теперь при просмотре странички мы видим видео.