From 348e7226318306e224ecee8754f3d9b5247a97e5 Mon Sep 17 00:00:00 2001 From: media_kot Date: Mon, 1 Mar 2021 11:40:05 +0300 Subject: [PATCH] =?UTF-8?q?=D0=92=20HTML?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Возможность вставить стили напрямую в HTML --- README.md | 22 +++++++++++----------- assets/snippets/cssjs/snippet.css.php | 19 +++++++++++++------ 2 files changed, 24 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 3e4877f..133bd11 100644 --- a/README.md +++ b/README.md @@ -4,13 +4,13 @@ Component CssJs for MODX Evolution Описание ---------- -Сниппеты основанны на компоненте MinifyX под MODX EVO, решат вопрос работы с файлами ститей и скриптов. -- Обновление версии файла (основанной на дате последнего обновления) -- Минификация файлов -- Соединение всех файлов в 1. +Сниппеты основанны на компоненте MinifyX под MODX EVO, решат вопрос работы с файлами ститей и скриптов. +- Обновление версии файла (основанной на дате последнего обновления) +- Минификация файлов +- Соединение всех файлов в 1. -Установка +Установка ---------- - Установить через Extras или PackageManager - Ручная установка: залить на сервер папку Assets, создать 2 сниппета js и css с кодом из файлов(istall/assets/snippets) @@ -20,27 +20,27 @@ Component CssJs for MODX Evolution [!css? &files=`assets/templates/tpl/css/bootstrap.css, - assets/js/prettify/prettify.css` + assets/js/prettify/prettify.css` &minify=`1`!] [!js? &files=`assets/js/jquery-1.8.3.min.js, assets/templates/tpl/js/modernizr.custom.28468.js, assets/js/jquery.validate.js, assets/js/jquery.form.min.js, - assets/js/prettify/prettify.js` + assets/js/prettify/prettify.js` &minify=`1`!] - + Параметры сниппета ------- - **files** Список файлов с CSS стилями, которые нужно включить в конечный файл и сжать -- **minify** - сжимать и обьеденять файлик +- **minify** - сжимать и обьеденять файлик +- **inhtml** - разместить сразу в HTML, в тегах - **folder** в какую папку сохранять сжатый файл. По умолчанию корень сайта TODO ------- - Добавить обработку LESS - Добавить обработку SASS -- Добавить обработку inline css и js - +- Добавить обработку inline css и js diff --git a/assets/snippets/cssjs/snippet.css.php b/assets/snippets/cssjs/snippet.css.php index 5612645..735a644 100644 --- a/assets/snippets/cssjs/snippet.css.php +++ b/assets/snippets/cssjs/snippet.css.php @@ -5,6 +5,7 @@ $files = isset($files) ? $files : ''; // Список файлов (css, scss, less) $minify = isset($minify) ? $minify : '1'; //сжимать и минифицировать файлы $folder = isset($folder) ? $folder : ''; // папка для сгенерированных стилей по умолчанию в корень +$inhtml = isset($inhtml) ? $inhtml : '0'; // разместить сразу в HTML в тегах //$inline = isset($inline) ? $inline : ''; // инлайн код стилей //$parse = isset($parse) ? $parse : '0'; //обрабатывать ли теги MODX @@ -16,10 +17,10 @@ $v[$key] = filemtime($file); switch ($fileinfo['extension']) { case 'css': - $filesForMin[$key] = $file; + $filesForMin[$key] = $file; break; /*case 'less': - require_once(MODX_BASE_PATH. "assets/snippets/cssjs/less.inc.php"); + require_once(MODX_BASE_PATH. "assets/snippets/cssjs/less.inc.php"); $less = new lessc; $less->checkedCompile($file, $folder.$fileinfo['filename'].'.css'); $filesForMin[$key] = $folder.$fileinfo['filename'].'.css'; @@ -27,15 +28,21 @@ } } if ($minify == '1') { - include_once(MODX_BASE_PATH. "assets/snippets/cssjs/class.magic-min.php"); + include_once(MODX_BASE_PATH. "assets/snippets/cssjs/class.magic-min.php"); $minified = new Minifier(); $min = $minified->merge( MODX_BASE_PATH.$folder.'styles.min.css', 'css', $filesForMin ); - return ''; + if ($inhtml){ + return ''; + } + else return ''; }else{ $links = ''; foreach ($filesArr as $key => $value) { - $links .= ''; - } + if ($inhtml){ + $links .= ''; + } + else $links .= ''; + } return $links; } ?>