Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/component/escape-html
Escape string for use in HTML
https://github.com/component/escape-html
escape html javascript
Last synced: 4 days ago
JSON representation
Escape string for use in HTML
- Host: GitHub
- URL: https://github.com/component/escape-html
- Owner: component
- License: mit
- Created: 2012-08-16T21:30:20.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2022-09-16T12:09:21.000Z (over 2 years ago)
- Last Synced: 2024-12-08T00:31:09.032Z (19 days ago)
- Topics: escape, html, javascript
- Language: JavaScript
- Homepage:
- Size: 31.3 KB
- Stars: 465
- Watchers: 11
- Forks: 102
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: HISTORY.md
- License: LICENSE
Awesome Lists containing this project
README
# escape-html
[![NPM Version][npm-version-image]][npm-url]
[![NPM Downloads][npm-downloads-image]][npm-url]
[![Build Status][travis-image]][travis-url]
[![Test Coverage][coveralls-image]][coveralls-url]
Escape string for use in HTML
This module exports a single function, `escapeHtml`, that is used to escape
a string of content such that it can be interpolated in HTML content.
## Installation
This is a [Node.js](https://nodejs.org/en/) module available through the
[npm registry](https://www.npmjs.com/). Installation is done using the
[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):
```bash
$ npm install escape-html
```
## API
### escapeHtml(string)
Escape special characters in the given string of text, such that it can be
interpolated in HTML content.
This function will escape the following characters: `"`, `'`, `&`, `<`, and
`>`.
**Note** that the escaped value is only suitable for being interpolated into
HTML as the text content of elements in which the tag does not have different
escaping mechanisms (it cannot be placed inside `` or `<script>`, for
example, as those content bodies are not HTML, but CSS and JavaScript,
respectively; these are known as "raw text elements" in the HTML standard).
**Note** when using the escaped value within a tag, it is only suitable as
the value of an attribute, where the value is quoted with either a double
quote character (`"`) or a single quote character (`'`).
## Example
The `escapeHtml` function is designed to accept a string input of text and
return an escaped value to interpolate into HTML.
```js
var escapeHtml = require('escape-html')
// example values
var desc = 'I <b>think</b> this is good.'
var fullName = 'John "Johnny" Smith'
// example passing in text into a html attribute
console.dir('<input name="full_name" value="' + escapeHtml(fullName) + '">')
// -> '<input name="full_name" value="John "Johnny" Smith">'
// example passing in text in html body
console.dir('<textarea name="desc">' + escapeHtml(desc) + '</textarea>')
// -> '<textarea name="desc">I <b>think</b> this is good.</textarea>'
```
## Benchmark
```
$ npm run-script bench
> [email protected] bench nodejs-escape-html
> node benchmark/index.js
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
modules@11
[email protected]
1 test completed.
2 tests completed.
3 tests completed.
no special characters x 19,435,271 ops/sec ±0.85% (187 runs sampled)
single special character x 6,132,421 ops/sec ±0.67% (194 runs sampled)
many special characters x 3,175,826 ops/sec ±0.65% (193 runs sampled)
```
## License
[MIT](LICENSE)
[coveralls-image]: https://badgen.net/coveralls/c/github/component/escape-html/master
[coveralls-url]: https://coveralls.io/r/component/escape-html?branch=master
[npm-downloads-image]: https://badgen.net/npm/dm/escape-html
[npm-url]: https://npmjs.org/package/escape-html
[npm-version-image]: https://badgen.net/npm/v/escape-html
[travis-image]: https://badgen.net/travis/component/escape-html/master
[travis-url]: https://travis-ci.org/component/escape-html