Как добавить видео youtube в текстовое описание в редакторе

[Дмитрий Кондин 690]

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. Сохраняем и теперь при просмотре странички мы видим видео.