Comandeer / css-filter

Simple tool for filtering HTML using CSS selectors.
MIT License
1 stars 0 forks source link

css-filter

Build Status · Dependency Status · devDependency Status · Known Vulnerabilities · npm version · Bower version · codecov

Library for filtering HTML with CSS selectors.


Installation

You can install this package from npm:

npm install @comandeer/css-filter [--save]

You can also install it from bower:

bower install css-filter

Usage

Include script in your site:

<script src="https://github.com/Comandeer/css-filter/raw/master/node_modules/@comandeer/css-filter/dist/css-filter.umd.js"></script>

Under window.cssFilter you will find our library with some fancy methods (see API docs for details).

The simplest way to use the library is to create filter using the factory:

const filter = cssFilter.default( 'i' );
const filtered = filter.filter( `<div>
    <span>
        <i>Only i tag will be preserved</i>
    </span>
</div>` );

console.log( filtered.innerHTML ); // <i>Only i tag will be preserved</i>

All valid CSS selectors could be used as a rule (however not all valid CSS selectors make sense as such rules…).

Documentation

API docs are available at http://comandeer.github.io/css-filter