7 сентября 2012 в 16:54
Понимаю что вопрос уже у всех на устах 1000 лет как, но разработчики Drupal к сожалению в упор не видят самых просторнейших потребностей конечных пользователей, загрузки картинок кучей и видео с хостингов.
Отцы! Помогите прикрутить YouTube к CKEditor Drupal 7, чего с чем дружить и куда ставить? Свой плеер не нужен, нужна простейшая вставка видео с ютуба (не фреймом). Есть модули или плагины не требующие особой Админской заморочки?
п.с. бле как в DLE все просто, а тут мать его уже пол дня мануалы читаю как на Drupal прикрутить ютуб...
Комментарии
Сынок, CKEditor - редактор довольно самостоятельный. К нему есть сотни плагинов (в том числе и для ютуба или вот такое расширение кнопки flash). Устанавливаются они независимо от CMS системы, так что мануалы друпала совсем не виноваты
Вам просто нужно разобраться с настройкой модуля media_youtube, например вот так
еще вариант
1.[module=video_filter] - ставите,
2. включаете фильтр в формате ввода + настраиваете
3. кидаете плагин (идет вместе с модулем) в папку плагинов ckeditor
4. включаете плагин в настройках редактора.
после сия манипуляций в панели появляется кнопка video filter, которая позволит вставлять видео по ссылке + указаывать еще некоторые параметры (выравнивание, размеры)
3. Можете подсказать поподробнее - я что-то не нашел плагин, который идет, якобы с модулем. Я так понимаю, что расширение должно быть .js?
это Друпал - собери мафынку сам ))) Как ни странно, но этим он и хорош.
Никто не заставляет использовать Drupal.
Деньги заставляют.
Меня, допустим, они заставляют юзать ненавистную мне Жумлу!
Люди-то обращаются с разными CMS, все их не изучишь.
А денег в нашей стране зарабатывать на еду надо.
vaplas, спасибо огромное Вам, и всем кто откликнулся!
CKeditor Youtube Plugin действительно помог! Осталось только разобраться как менять размеры "фрейм видео", что бы по умолчанию не 480px а 720 например выставлялось.
Если кто сможет и это подсказать - буду вообще радый
хочется же и крутой друпал и удобно чтоб было мышкой тыкать как у DLE и джумла без исходных файлов и чтобы были кноки "сделать заебца"
но как говорилось выше друпал это та машинка, которую ты сам соберешь! в этом можной найти некоторую прелесть! тем более под задачи многие есть уже готовые решения...их остается только найти и прикрутить
Пожалуйста. Используй второй вариант, в нем все это можно. И действий меньше (просто заменить один файл на другой и все)
ну и попробуй 3-ий - возможно, окажется, еще проще, хотя плюшек, конечно, будет поменее чем с media.
Через пару подобных случаев начнешь матюкаться тому, что в дру практически все можно сделать десятком способов, а какой выбрать, все держать в секрете.
Через пару десятков подобных случаев понимаешь, что если позволяет время, то стоит попробовать несколько вариантов и выбрать лучший/оптимальный.
Через пару сотен (условно) смотришь несколько вариантов (если они есть:)), выбираешь лучшее (по кускам) и стряпаешь свое.
Worth, ссылка на "вот так" битая
Никак не получается настроить так, чтобы выводилось видео. Добавил кнопку, включил все плагины, какие только можно, вынес конвертацию media-объектов в самое начало списка обработки. В настройках Video "по умолчанию" выбрал "Youtube" и "Youtube Preview" - но все равно выводится только изображение.
Хотя если установить в Video "Предварительный просмотр" - то в диалоговом окне с выбором видео проигрывается нормально.
Не подскажешь что упустил?
Скорее всего проблема с порядком фильтра в твоем формате ввода. Если ты его поставил на самый верх, а после него стоит фильтр html или что-то подобное, он просто порежет тебе все ютубовские теги, и выводиться ничего не будет.
Там вроде главное, чтобы твой фильтр стоял перед любым фильтром, преобразующим http-адреса в ссылки (т.е. вроде записи там будут [video=http://youtube.com/sdfsdf], соответсвенно для всех фильтров это будет просто текстом, вырезаться ничего не будет, и в конце твой фильтр переведет его в object или frame и всё будет пучком.
Спасибо, Worth. Но похоже проблема в друпаловском CKEditor модуле. Почему-то в нем вставляется сразу изображение:
Хотя если подклчючить CKEditor через Wysiwyg, то вставляется
и все пучком
Поставил плагин youtube по этой ссылке, настроил, работает нормально вроде, но возникла другая проблема. Как сделать так чтобы плагин устанавливал размеры видео по умолчанию (нужные мне). А не 480х390.
Открываю "site.ru/modules/ckeditor/plugins/youtube/dialogs/youtube.js", в нем есть следующий код:
(function(){CKEDITOR.dialog.add('youtube',function(editor){return{title:editor.lang.youtube.title,minWidth:CKEDITOR.env.ie&&CKEDITOR.env.quirks?368:350,minHeight:240,onShow:function(){this.getContentElement('general','content').getInputElement().setValue('')},onOk:function(){var text='<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/'+this.getContentElement('general','content').getInputElement().getValue()+'?rel=0" frameborder="0"></iframe>';this.getParentEditor().insertHtml(text)},contents:[{label:editor.lang.common.generalTab,id:'general',elements:[{type:'html',id:'pasteMsg',html:'<div style="white-space:normal;width:500px;"><img style="margin:5px auto;" src="'+CKEDITOR.getUrl(CKEDITOR.plugins.getPath('youtube')+'images/youtube_large.png')+'"><br />'+editor.lang.youtube.pasteMsg+'</div>'},{type:'html',id:'content',style:'width:340px;height:90px',html:'<input size="25" style="'+'border:1px solid black;'+'background:white">',focus:function(){this.getElement().focus()}}]}]}})})();Попытка изменения параметров
width="480" height="390"к сожалению результатов не дала, при вставке видео уперто берет параметры 480х390, что я упустил? И откуда код iframe плагина youtube при вставке видео берет параметры "ширина х высота" ?возможно отсюда ckeditor/_source/plugins/youtube/dialogs/youtube.js
можно попробовать сборосить кеш (в том числе и самого браузера). Но мне вот, например, вставка через media_youtube, которую Worth советует очень понравилась. Куча поддерживаемых источников (ютуб, вимео, флирк...), сразу делается превью в редакторе, которое можно растягивать до нужных размеров как обычное изображение. Есть настройка размеров по умолчанию.
И еще один важный момент, когда выйдет новая версия ckeditor, то придется снова настраивать все дополнительные плагины (либо все время помнить о том, какие файлы при обновлении не трогать). А вот если использовать медиа-надстройку, то такой проблемы не будет (же?)
Вот подробная инструкция:
1. Ставится и включается модуль Wysiwyg (если до этого стоял CKEditor, то он автоматически отключится), Media, Media:Youtube
2. В папку sites/all/libraries/ckeditor/ распаковывается редактор CKEditor, так, чтобы в результате были пути типо sites/all/libraries/ckeditor/_source и т.д.
3. На странице с настройками Wysiwyg (/admin/config/content/wysiwyg) для нужных форматов выбирается редактор CKEditor.
4. После этого на той же странице нужно зайти в "Редактировать", и включить все необходимые кнопки которые нужны в редакторе в разделе "BUTTONS AND PLUGINS". Для данного случая нужны "Media browser" и "Image"
5. В настройках файлов мультимедии (/admin/config/media/file-types) отредактировать раздел "Video" выбрав там во вкладке "Default" пункты "youtube" и "youtube preview"
6. При необходимости настроить форматы вывода текста (admin/config/content/formats), поменяв порядок Фильтров.
профит
Уважаемый vaplas! Спасибо Вам огромное за комплексное объяснение установки, все замечательно работает и показывает! Просто изумительно!
Но остается проблема с "размерностью" видео
Почему то настройки:
/#overlay=admin/config/media/file-types/manage/video/file-display
игнорируются
то есть я фактически выставляю следующее:
YouTube player version
AS3
YouTube player theme
dark
Ширина
720
Высота
540
а выставляется 480 в ширину (на глаз), в какую сторону можно еще посмотреть(где в настройках я мог напортачить или не заметить)?
Ура! Победил! Ура Ура ура! Слава всем кто помогал! Слава и уважение!!!!!! Реально помогли!!! Спасибо огромное!!!!!!
Если в редакторе посмотреть исходный текст (Disable rich-text под редактором), то видно, что задан какой-то стиль
[[{"type":"media","view_mode":"media_large","fid":"153","attributes":{"alt":"","class":"media-image"}}]]
в данном случае это media_large, т.е. Large. Значит здесь (/admin/config/media/file-types/manage/video/file-display) нужно настроить размеры именного для него (вторая вкладка справа вверху страницы).
Либо поменять в коде на media_default
vaplas, жаль что нет возможности отдавать "репутацию" на сайте, я бы пожалуй Вам отдал все что имел! Спасибо еще раз!
в папке с модулем есть папка editors/ckeditors
ее со всем содержимым копируете в папку плагинов для CKeditor (настраивается, по умолчанию, если не ошибаюсь, это папка plugins в папке самого модуля, правильнее однако ее выносить в libraries, чтобы не терять при апдейте модуля) и переименовывает по имени плагина (для порядку) - video_filter
«в папке с модулем есть папка editors/ckeditors» - да, такая папка есть, но в ней только картинка и readme. Я попробовал скопировать, как вы писали, переименовал ее. Но ничего не изменилось...Плагин в настройках редактора не появился.
http://drupalcode.org/project/video_filter.git/tree/HEAD:/editors/ckeditor
Rimen, прошу прощения, у меня просто архив весь не распаковался. Теперь поправил и все получилось.
Большое вам спасибо!
Правда при копировании в папку модуля ckeditors все получается, а при копировании в libraries - нет. Может быть там что-то еще надо сделать?
Кстати, в папке плагина video_filter в readme описано, как подключать плагин без копирования чего-либо куда-либо - попробуйте как вариант.
У меня как-то не завелось с каким-то плагином, с тех пор пользуюсь описанным методом
С кодом у меня почему-то не получается.
Я вставлял код перед самой последней скобкой }, вернее между двумя последними скобками:
}
код}
/*
* Sample toolbars и т.д.
Но кнопка видеофильтра в разделе ВНЕШНИЙ ВИД РЕДАКТОРА так и не появилась.
попробуйте моим способом.
создайте папку cke_plugins, киньте куда нужно, укажите к ней путь в настройках CKE, как на скрине выше. сбросьте кеш.
Да, rimen, большое спасибо, все получилось!!!
Не знаю какие из Ваших методов рабочие, но у меня не получалось ничего, и после очистки кеша ничего не работало:
http://sourceforge.net/projects/ckeditoryoutube/ добавление кнопки ютуб в панель ckeditor
http://visualteam.pl/ckeflash.php расгирение кнопки flash
Решил пойти самой прямой дорогой: на официальном сайте можно строить и добавлять плагины в скедитор
http://ckeditor.com/addons/plugins/all
построил свой ckeditor, добавил youtube плагин, и скачал на сайте.
Удалил старый, распаковал новый ckeditor. Ничего. Кеш чистил, настраивал cleanup and output нигде нет youtube.
Добавил в cleanup and output кнопку media embedded на панель стандартная кнопка. Но не появляется и она.
Это наверно жесткое кеширование на хостинге. Добавлял домен, чтобы перегрузить сервер, но все равно безрезультатно.
Почему приходится столько не целевых действий?
Настраиваем отдельный профиль для "своих" и вот это:
http://take.ms/Nqs3E
Можно будет вставлять любые embedded ит.п.
Залила плагин для youtub в папку /sites/all/modules/ckeditor/plugins/youtube
но кнопочки "Youtube" в CKEditor не появилось. Какие еще нужны настройки?
Попыталась другим способом сделать кнопку вставки видео в друпале, при помощи модуля VideoFilter. Сделала все как пишут и у меня в CKEditor даже появилась кнопка вставки видео. Но вот по нажатию на эту кнопку ничего не происходит. Должно быть диалоговое окно вставки пути к видео, у меня же ничего. Что я делаю не так?
Мне в принципе не важен способ. Конечная цель: сделать в редакторе (CKEditor) возможность простым пользователям вставлять видео с ресурсов.
Подскажите пожалуйста как.
У меня связка настроена. Но вставка видео в редактор пока без результата.
Koshta, спасибо за подробный ответ.
У меня кнопочка в редакторе есть "Video Filter", но по ее нажатию ничего не происходит. Также, если в редактор вставить что-то типа: [video: URL] тоже видео не отображается.
Еще на том же скрине видно, есть кнопочка красная Flash, по ее нажатию всплывает окно, но ссылка, вставленная в окно, не отображается как видео. Вставка ссылки. Ссылка не вставляется. Что видим на сайте.