Лучший способ включить файлы CSS / JS в мое собственное расширение

Если мне нужно включить файлы CSS или JS в свои пользовательские расширения, каков будет лучший и безопасный способ добиться этого:

1. Должен ли я поместить их в определенную папку в моем zip-файле расширения?
2. Как мне объявить файлы в моем XML-манифесте?
3. Как включить файлы в заголовок Joomla (только при необходимости)?

Наилучшим способом будет использование папки мультимедиа. Итак, сначала вам нужно будет создать папку с именем mediaв папке вашего модуля.

Примечание. Эта папка должна быть создана до установки, а не после.

Внутри папки мультимедиа создайте 2 подпапки cssи js. Это не обязательно, но лучше держать вещи отдельно.

Затем добавьте следующее в ваш XML-файл:

<media folder="media" destination="mod_EXAMPLE">
    <folder>css</folder>
    <folder>js</folder>
</media>

Перейдите mod_EXAMPLEна любой другой модуль.

После установки папка мультимедиа будет автоматически перемещена, и вы получите следующее:

JOOMLA_ROOT/media/mod_EXAMPLE/js

а также

JOOMLA_ROOT/media/mod_EXAMPLE/css

Я знаю, что я имел в виду модуль, но то же самое относится и к компонентам.

Чтобы вызвать файл, вы можете добавить следующий код в ваш файл default.php для вашего расширения:

JHtml::_('stylesheet', JUri::root() . 'media/mod_EXAMPLE/css/style.css');  // For CSS files
JHtml::_('script', JUri::root() . 'media/mod_EXAMPLE/js/script.js');       // For JS files

Надеюсь это поможет

1. Я предполагаю, что ваше расширение является компонентом. Лучший способ - создать mediaкаталог рядом adminс siteкаталогами. Затем положить js, cssи imgфайлы внутри отдельных каталогов , как это:

   index.html
   YOUR_COMPONENT_NAME.xml
   [+] admin
   [+] site
   [-] media
      [-] js
         main.js
         index.html
      [+] css
      [+] img
   

   Обратите внимание, что в любой папке должен быть пустой index.htmlфайл.

2. В своем XML-манифесте (YOUR_COMPONENT_NAME.xml) вы можете объявить mediaфайл следующим образом:

   <media destination="com_YOUR_COMPONENT_NAME" folder="media">
       <filename>index.html</filename>
       <folder>css</folder>
       <folder>js</folder>
       <folder>img</folder>
   </media>
   

3. Отредактируйте представление по умолчанию (default.php) и добавьте эти строки, чтобы включить файлы в Joomla! глава:

   $document = JFactory::getDocument();
   $document->addStyleSheet(JUri::base() . 'media/com_YOUR_COMPONENT_NAME/css/main.css');
   $document->addScript(JUri::base() . 'media/com_YOUR_COMPONENT_NAME/js/main.js');
   $test_image_url = JUri::base() . 'media/com_YOUR_COMPONENT_NAME/img/test.jpg';