02.04.11

Корректная вставка видео в текстовом редакторе для TYPO3

видео в typo3

В одной из прошлых статей я писал как подружить HTML код и модуль tt_news дабы можно было вставлять видео, например, из Youtube в поле контента и получать на выходе не текст, а именно видео. Редактор в TYPO3 не интерпретировал сам код, иногда даже просто удаляя блок из object из текста.

Так вот в прошлый раз мы использовали для решения проблемы экстеншен Raw HTML, но его основная проблема, что маркер для вставки HTML кода в шаблон может быть расположен либо до либо после описания, внутри самого текста увы видео не выводилось. Недавно опять возникла ситуация со вставкой видео в текстовый редактор, но теперь уже для экстеншена tt_products. Пришлось искать работающее решение.

В качестве текстового редактора я установил tinyRTE (tinyrte), которые всегда считался чуть более продвинутым чем базовый htmlArea RTE. Хотя tinyrte долгое время не обновлялся в то время как редактор htmlArea RTE постоянно усовершенствуется и дорабатывается. Собственно, если вы хорошо разбираетесь в Typoscript и единожды уже подобрали необходимые настройки для htmlArea RTE, то можно использовать его, в моем случае решение с tinyRTE оказалось более наглядным и простым. Тем не менее видео все равно отображалось как текст, хотя из текста оно не удалялось и в админке было видно, что видео есть.

видео текстовый редактор

Дабы исправить ситуацию мы добавляем некоторые настройки для редактора tinyRTE. Для начала в настройках шаблона сайта Template Setup добавляем:

lib.parseFunc.allowTags := addToList(object,param,embed)
lib.parseFunc_RTE.allowTags := addToList(object,param,embed)

Дальше в свойствах главной страницы Page TSconfig вставляем строки:

RTE.default.proc.allowTags := addToList(object, param, embed)
RTE.default.proc {
allowTags := addToList(object, param, embed)
// CONTENT TO RTE
RTE.default.proc.HTMLparser_rte.allowTags < RTE.default.proc.allowTags
// CONTENT TO DATABASE
HTMLparser_db.allowTags < RTE.default.proc.allowTags
// Entry HTML parser
entryHTMLparser_db.allowTags < RTE.default.proc.allowTags
}

Сохраняем и проверяем вставку видео — все должно корректно работать. Возможно данная настройка справедлива и для htmlArea RTE, точно скачать не могу. Я тестировал все это при использовании редактора tinyRTE 1.8.1 и TYPO3 4.4.7.

Начиная продвижение нового проекта всегда нужно делать подготовительные работы — составляем план продвижения сайта дабы потом следовать всем основным его пунктам.

Понравился пост? Подпишись на TYPO3 блог typo3 blog RSSRSS, RSS typo3 blogEmail или typo3 twittertwitter!

Поделись статьей с друзьями:

TypoScript Возможности Текстовые редакторы

комментария 2 к статье “Корректная вставка видео в текстовом редакторе для TYPO3”

  1. Felix   20.05.11

    Скажите, а можно ли сделать в htmlarea rte кнопку, которая вставляла бы код для отображения swf (<params ….)? Видел кнопку "вставить пользовательский элемент", но непонятно как ей пользоваться

  2. Tod   20.05.11

    Felix, если нужна прям кнопка, то я бы поискал плагин какой-то, если просто добавить флешку, то вставляете ее HTML код через тот же objects param и, по идее, все должно работать.

Оставить комментарий к статье Корректная вставка видео в текстовом редакторе для TYPO3

Полезные блоги

  • для блоггеров и вебмастеров