5 Commits

Author SHA1 Message Date
Alexandre Gigliotti
dff5f1160b 0.1.5 2015-08-10 08:55:48 -07:00
Alexandre Gigliotti
abb3dd95a7 Updated README. 2015-08-10 08:55:40 -07:00
Alexandre Gigliotti
8f27f9d04f Updated README. 2015-08-06 08:37:37 -07:00
Alexandre Gigliotti
76ff6ca703 Updated README. 2015-08-05 16:16:35 -07:00
Alexandre Gigliotti
8e3a9b0390 0.1.4 2015-08-05 16:14:58 -07:00
2 changed files with 36 additions and 26 deletions

View File

@@ -1,11 +1,11 @@
# inline-html # inline-html
Embed local assets in an HTML document. Inline local assets referenced in an HTML document.
[![npm](https://img.shields.io/npm/v/inline-html.svg)]() [![npm](https://img.shields.io/npm/v/inline-html.svg)]()
[![npm](https://img.shields.io/npm/l/inline-html.svg)]()
[![Travis](https://img.shields.io/travis/panosoft/inline-html.svg)]() [![Travis](https://img.shields.io/travis/panosoft/inline-html.svg)]()
[![David](https://img.shields.io/david/panosoft/inline-html.svg)]() [![David](https://img.shields.io/david/panosoft/inline-html.svg)]()
[![npm](https://img.shields.io/npm/l/inline-html.svg)]()
[![npm](https://img.shields.io/npm/dm/inline-html.svg)]() [![npm](https://img.shields.io/npm/dm/inline-html.svg)]()
## Installation ## Installation
@@ -16,42 +16,52 @@ Embed local assets in an HTML document.
This: This:
var inlineHtml = require('inline-html'); ```js
inlineHtml('path/to/file.html').then(function (html) { var inlineHtml = require('inline-html');
... inlineHtml('path/to/file.html').then(function (html) {
}); ...
});
```
Turns this: Turns this:
<link rel="stylesheet/less" href="main.less"/> ```html
<style> <link rel="stylesheet/less" href="main.less"/>
div { background-image: url('path/to/file'); } <style>
</style> div { background-image: url('path/to/file'); }
<div style="background-image: url('path/to/file');"></div> </style>
<img src="path/to/file"/> <div style="background-image: url('path/to/file');"></div>
<img src="path/to/file"/>
```
Into this: Into this:
<style> ```html
@font-face { src: url('data:...'); } <style>
div { background-image: url('data:...'); } @font-face { src: url('data:...'); }
</style> div { background-image: url('data:...'); }
<style> </style>
div { background-image: url('data:...'); } <style>
</style> div { background-image: url('data:...'); }
<div style="background-image: url('data:...');"></div> </style>
<img src="data:..."/> <div style="background-image: url('data:...');"></div>
<img src="data:..."/>
```
Where: Where:
- `main.less` - `main.less`
@import (inline) 'main.css'; ```css
div { background-image: url('path/to/file'); } @import (inline) 'main.css';
div { background-image: url('path/to/file'); }
```
- `main.css` - `main.css`
@font-face { src: url('path/to/file'); } ```css
@font-face { src: url('path/to/file'); }
```
## API ## API

View File

@@ -1,7 +1,7 @@
{ {
"name": "inline-html", "name": "inline-html",
"version": "0.1.3", "version": "0.1.5",
"description": "Embed local assets in an HTML document.", "description": "Inline local assets referenced in an HTML document.",
"repository": "panosoft/inline-html", "repository": "panosoft/inline-html",
"main": "lib/index.js", "main": "lib/index.js",
"scripts": { "scripts": {