ПолезностиПлагин p_bb_media «Медиа-контент» для instantcms

Главные вкладки

Плагин p_bb_media «Медиа-контент»

Зачем нужен плагин Медиа-контент, если в InstantCMS 1.10 уже имеется возможность вставлять видео-ролики с ютюба/рутюба? Так не все еще ролики размещены на ютубе! Есть и другие сервисы, где все не так просто - взял код и вставил куда нужно. На них надо включать все свои мозги, чтобы понять, как скопировать оттуда ссылку. Вот здесь как никогда кстати будет наш плагин, дающий возможность вставлять любой html-код с доверенных сайтов. Список доверенных сайтов вы сможете настроить посвоему усмотрению в его админке.

Итак, пред Вами плагин p_bb_media («Медиа-контент»). Он внедряет в редакторы (блогов, статей - fck_editor, комментариев) специальную кнопку для быстрой вставки бб-кода [media][/media]. Между этими кодами пользователь будет размещать выданный доверенными веб-сервисами html-код (iframe и т.п.).

d86afd827283c06d52bafd0bd5b73443.png.jpg

Разработчик уверяет, что тот полностью безопасен и говорит, что плагин ведёт реестр доверенных доменов, с которых можно добавлять контент. Если встречается адрес (признак начала адреса - http:// и https://), который не входит в список доверенных, то вставка контента блокируется до устранения причины - или админ сайта добавляет домен в список доверенных, или подозрительная ссылка из кода удаляется.

3173605586556b48144e65d26a028b89.png.jpg

Установка плагина Медиа-контент:

Распаковать содержимое архива, залить папку «p_bb_media» в папку плагинов, активировать и включить. В плагине задан минимальный набор доверенных сервисов и шаблон сообщения об ошибке вставки медиа-контента. Для добавления нового доверенного сайта достаточно через запятую добавить домен второго уровня для нужного сервиса.



В архиве имеется ещё папка «p_fckeditor» - её нужно копировать на сайт только в том случае, если вы хотите добавить кнопку в FCKeditor. Но кроме копирования папки потребуется правка конфига FCKeditor. Пример конфигурации можно посмотреть в прилагаемом файле fckconfig.js.example. В результате конфиг должен обрести строчку:

 

Код JS:

 
  1. FCKConfig.Plugins.Add( 'bbmediacode', 'en,ru' );

и вот такую вставку 'bbmediacode' :

 

Код JS:

 
  1.  
  2. FCKConfig.ToolbarSets["Default"] = [
  3. ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
  4. ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
  5. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  6. ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
  7. '/',
  8. ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  9. ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
  10. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  11. ['Link','Unlink','Anchor'],
  12. ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
  13. '/',
  14. ['Style','FontFormat','FontName','FontSize'],
  15. ['TextColor','BGColor','bbmediacode'],
  16. ['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
  17. ] ;
  18.  
  19. FCKConfig.ToolbarSets["Admin"] = [
  20. ['FitWindow','-','Source','-','-','Templates'],
  21. ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
  22. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  23. '/',
  24. ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  25. ['OrderedList','UnorderedList','-','Outdent','Indent'],
  26. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  27. ['Link','Unlink','Anchor','Table','Rule','Smiley','SpecialChar', 'Image'],
  28. '/',
  29. ['FontFormat','FontName','FontSize'],
  30. ['TextColor','BGColor','bbmediacode']
  31. ] ;
  32.  

Инструкция для тех, у кого кнопка плагина не появилась в редакторе:

1. Откройте на редактирование файл \plugins\p_fckeditor\fckeditor\fckconfig.js (это файл настроек FCKeditor-а, если вы используете другой редактор, то инструкция вам бесполезна - пытайтесь разобраться сами)

2. Найдите строчку с текстом FCKConfig.AutoGrowMax = 500; и после неё вставьте код:

Код JS:

 
  1. FCKConfig.Plugins.Add( 'bbmediacode', 'en,ru' );

3. Для появления кнопки на внешних (по отношению к админке) страница сайта (где используется FCK) найдите фрагмент

 

Код JS:

 
  1. FCKConfig.ToolbarSets["Default"] = [
  2. ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
  3. ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
  4. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  5. ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
  6. '/',
  7. ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  8. ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
  9. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  10. ['Link','Unlink','Anchor'],
  11. ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
  12. '/',
  13. ['Style','FontFormat','FontName','FontSize'],
  14. ['TextColor','BGColor'],
  15. ['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
  16. ] ;
  17.  

и в строке ['TextColor','BGColor'], добавьте «,'bbmediacode'» чтобы получилось

 

Код JS:

 
  1. FCKConfig.ToolbarSets["Default"] = [
  2. ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
  3. ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
  4. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  5. ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
  6. '/',
  7. ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  8. ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
  9. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  10. ['Link','Unlink','Anchor'],
  11. ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
  12. '/',
  13. ['Style','FontFormat','FontName','FontSize'],
  14. ['TextColor','BGColor','bbmediacode'],
  15. ['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
  16. ] ;
  17.  

4. Для появления кнопки в FCK editor в админ-панели найдите фрагмент

 

Код JS:

 
  1.  
  2. FCKConfig.ToolbarSets["Admin"] = [
  3. ['FitWindow','-','Source','-','-','Templates'],
  4. ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
  5. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  6. '/',
  7. ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  8. ['OrderedList','UnorderedList','-','Outdent','Indent'],
  9. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  10. ['Link','Unlink','Anchor','Table','Rule','Smiley','SpecialChar', 'Image'],
  11. '/',
  12. ['FontFormat','FontName','FontSize'],
  13. ['TextColor','BGColor']
  14. ] ;
  15.  

и в строке ['TextColor','BGColor'], добавьте «,'bbmediacode'» чтобы получилось

 

Код JS:

 
  1.  
  2. FCKConfig.ToolbarSets["Admin"] = [
  3. ['FitWindow','-','Source','-','-','Templates'],
  4. ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
  5. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  6. '/',
  7. ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  8. ['OrderedList','UnorderedList','-','Outdent','Indent'],
  9. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  10. ['Link','Unlink','Anchor','Table','Rule','Smiley','SpecialChar', 'Image'],
  11. '/',
  12. ['FontFormat','FontName','FontSize'],
  13. ['TextColor','BGColor','bbmediacode']
  14. ] ;
  15.  

5. Сохраните файл. Проверьте доступность кнопки в желаемом (например, откройте на редактирование статью) месте. Кнопка должна появится.

Плагин версии 1.3. работает на ветке 1.10 вплоть до 10.4

Плагин версии 1.4. работает исключительно на 10.6. В нем автор убрал встройку в FCKeditor и добавил встраивание в CKEditor.

Ахтунг-внимание! При установке для встраивания в CKEditor потребуется изменить стандартный файл\plugins\p_ckeditor\plugin.php. В архиве имеется авторская версия скедиторовского файла уже с нужными правками. Можете заменить стандартный файл этим (уберите в нем _нижнее подчеркивание в начале названия) или отредактируйте стандартный, сравнив оба файла. Этот метод нужен если вы до этого уже вносили изменения в движок редактора.

Категория: 
Плагины Instantsmc