Как добавить дополнительный атрибут в подключении css файлов в Yii2?

Question

[nepster-web]

Задача такая, есть несколько css-файлов, в одном из css-файлов стоит параметр: media="print", без него верстка едет.

Вот так я подключаю свои css файлы:

class AppAsset extends AssetBundle
{
	public $sourcePath = '@frontend/modules/site/assets';
	public $css = [
        'http://fonts.googleapis.com/css?family=Patua+One|Montserrat|Open+Sans:400,700,600',
        '/js/fancybox/jquery.fancybox8cbb.css?v=2.1.5',
        '/js/mediaelement/mediaelementplayer.css',
        '/css/settings_style.css',
        '/css/style-print.css',
        '/css/skin_style.css',
        '/css/style.css',
        '/css/color_cheme.css',
        '/css/responsive.css',
    ];
...

Они добавляются следующим образом:

<link href="http://fonts.googleapis.com/css?family=Patua+One|Montserrat|Open+Sans:400,700,600" rel="stylesheet">
<link href="/js/fancybox/jquery.fancybox8cbb.css?v=2.1.5" rel="stylesheet">
<link href="/js/mediaelement/mediaelementplayer.css" rel="stylesheet">
<link href="/css/settings_style.css" rel="stylesheet">
<link href="/css/style-print.css" rel="stylesheet">
<link href="/css/skin_style.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/color_cheme.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">

Проблем состоит в том, что:

<link href="/css/style-print.css" rel="stylesheet">

Должно быть:

<link href="/css/style-print.css" type="text/css" media="print" rel="stylesheet"/>

я пробовал в head.php зарегистрировать этот файл отдельно:

$this->registerCssFile('/css/style-print.css', [], 'media="print"');

Но вылетает такая вот ошибка:

in F:\OpenServer\domains\portf.ru\vendor\yiisoft\yii2\helpers\BaseHtml.php
Illegal string offset 'rel'

// показывая на такой вот код 
* @see url()
     */
    public static function cssFile($url, $options = [])
    {
        if (!isset($options['rel'])) {
            $options['rel'] = 'stylesheet';
        }
        $options['href'] = static::url($url);
        return static::tag('link', '', $options);
    }

При этом работает просто:
$this->registerCssFile('/css/style-print.css');

Подскажите, пожалуйста, как для конкретных css файлов добавлять атрибуты и почему не работает
registerCssFile с дополнительными атрибутами ?

Answer 1

[Yuri Morozov]

Что же касается атрибутов бандла - сейчас реализованы только опции на весь бандл, см свойство $cssOptions.
Соответственно, либо в отдельный ассет выносить с установлением зависимости, либо руками, через registerCssFile.

Comments

[nepster-web]

$cssOptions - смотрел в его сторону, но он сразу всем допиливает атирибуты

[Yuri Morozov]

@nepster09 именно поэтому я и написал: "в отдельный ассет выносить с установлением зависимости".

Грубо говоря, AppAsset - основные стили,
PrintAsset - только один файл (style-print.css) + зависимость от AppAsset + прописаны cssOptions.

Ну и на гитхабе можете создать issue, с приведением Вашего примера в качестве usecase. Технически-то там пару строчек дописать всего.

Answer 2

[Yuri Morozov]

В registerCssFile третий параметр - массив, то есть Вам нужно как-то вот так делать:

$this->registerCssFile('/css/style-print.css', [], ['media' => 'print']);

При передаче строки она придет в cssFile(), а там, насколько я вижу, нет дополнительной проверки на тип.

Comments

[Александр Исаев]

Работает, но в другом порядке:
$this->registerCssFile('/css/style-print.css', ['media' => 'print'], []);