extract-css

Extract the CSS from an HTML document.
css


Summary

Project Name extract-css Project Url https://github.com/jonkemp/inline-css/tree/master/packages/extract-css
InceptionYear 2015-01-21 04:42:36 更新时间 2020-02-21 13:07:27
IssueManagement Licenses MIT
仓库地址 https://github.com/jonkemp/inline-css/tree/master/packages/extract-css 用户数 3
Node Engine 文件大小 2.5 KB
install

项目介绍

# extract-css [![Build Status](https://travis-ci.org/jonkemp/extract-css.svg?branch=master)](https://travis-ci.org/jonkemp/extract-css) [![Coverage Status](https://coveralls.io/repos/jonkemp/extract-css/badge.svg?branch=master&service=github)](https://coveralls.io/github/jonkemp/extract-css?branch=master) [![NPM](https://nodei.co/npm/extract-css.png?downloads=true)](https://nodei.co/npm/extract-css/) > Extract the CSS from an HTML document. ## Install Install with [npm](https://npmjs.org/package/extract-css) ``` npm install --save extract-css ``` ## Usage ```js var extractCss = require('extract-css'); var options = { url: './', applyStyleTags: true, removeStyleTags: true, applyLinkTags: true, removeLinkTags: true, preserveMediaQueries: false }; extractCss(document, options, function (err, html, css) { console.log(html); console.log(css); }); ``` ## API ### extractCss(html, options, callback) #### options.applyStyleTags Type: `Boolean` Whether to inline styles in ``. #### options.applyLinkTags Type: `Boolean` Whether to resolve `` tags and inline the resulting styles. #### options.removeStyleTags Type: `Boolean` Whether to remove the original `` tags after (possibly) inlining the css from them. #### options.removeLinkTags Type: `Boolean` Whether to remove the original `` tags after (possibly) inlining the css from them. #### options.url Type: `String` How to resolve hrefs. Required. #### options.preserveMediaQueries Type: `Boolean` Preserves all media queries (and contained styles) within `` tags as a refinement when `removeStyleTags` is `true`. Other styles are removed. #### options.codeBlocks Type: `Object` Default: `{ EJS: { start: '<%', end: '%>' }, HBS: { start: '{{', end: '}}' } }` An object where each value has a `start` and `end` to specify fenced code blocks that should be ignored during parsing. For example, Handlebars (hbs) templates are `HBS: {start: '{{', end: '}}'}`. Note that `codeBlocks` is a dictionary which can contain many different code blocks, so don't do `codeBlocks: {...}` do `codeBlocks.myBlock = {...}`. ### Special markup #### data-embed When a data-embed attribute is present on a tag, extract-css will not inline the styles and will not remove the tags. This can be used to embed email client support hacks that rely on css selectors into your email templates. ## Credit The code for this module was originally taken from the [Juice](https://github.com/Automattic/juice) library. ## License MIT © [Jonathan Kemp](http://jonkemp.com)

Dependencys

GroupId ArtifactID Version 引用量
TJ Holowaychuk batch 0.6.1 231
Jonathan Kemp href-content 1.2.1 2
Jonathan Kemp list-stylesheets 1.2.8 4
Jonathan Kemp style-data 1.4.6 5