css from html extractor

CSS จาก HTML Extractor

ไลบรารี PHP ซึ่งกำหนด CSS ที่ใช้จากตัวอย่าง HTML มันถูกใช้ใน JANDC/Critical-CSS เพื่อกำหนด CSS ที่สำคัญโดยอัตโนมัติและแบบไดนามิกในแต่ละหน้า

การติดตั้ง

composer require jandc/css-from-html-extractor

การใช้งาน

ด้วยกิ่งไม้

ลงทะเบียน Extension

 use CSSFromHTMLExtractor  Twig  Extension as ExtractorExtension ;

$ extension = new ExtractorExtension ()
$ extension -> addBaseRules ( ' path/to/css ' );

/** @var Twig_Environment $twig */
$ twig -> addExtension ( $ extension );

ทำเครื่องหมายภูมิภาคของเทมเพลตของคุณด้วยบล็อกที่ให้ไว้

{% fold %}
< div class = " my-class " >
...
</ div >
{% endfold %}

ดึง CSS ผลลัพธ์จากส่วนขยาย

 $ extension = $ twigEnvironment -> getExtension (ExtractorExtension::class);
$ extension -> buildCriticalCssFromSnippets ();

การจัดการ html ดิบ

 $ cssFromHTMLExtractor = new CssFromHTMLExtractor ();
$ cssFromHTMLExtractor -> addBaseRules ( ' path/to/css ' );
$ cssFromHTMLExtractor -> addHtmlToStore ( $ rawHtml );
$ extractedCss = $ cssFromHTMLExtractor -> buildExtractedRuleSet ();