https://github.com/candyframework/html-filter
A library for filtering HTML tags and attributes written in JavaScript
https://github.com/candyframework/html-filter
Last synced: 9 months ago
JSON representation
A library for filtering HTML tags and attributes written in JavaScript
- Host: GitHub
- URL: https://github.com/candyframework/html-filter
- Owner: candyframework
- Created: 2021-03-04T06:41:54.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-06-01T01:48:00.000Z (about 4 years ago)
- Last Synced: 2025-03-27T11:11:59.421Z (over 1 year ago)
- Language: JavaScript
- Size: 51.8 KB
- Stars: 2
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## html 过滤库 A library for filtering HTML tags and attributes written in JavaScript
## 4.0 变化
从 4.0 开始，过滤标签时不再删除子元素，只会关注标签是否需要过滤，行为如下
```
// before 4.0
htmlFilter.allowedTags = { p: null, br: null };
htmlFilter.filter('
hello
');
result is: ''
```
```
// 4.0 +
htmlFilter.allowedTags = { p: null, br: null };
htmlFilter.filter('
hello
');
result is: '
hello
'
```
## More
[php version html-filter](https://packagist.org/packages/afuafuyo/html-filter-php)
[js version html-filter](https://www.npmjs.com/package/html-filter)
### change log
+ 2021-05-21 publish 4.3.0 add custom element support
+ 2021-04-18 publish 4.2.2 fix pure text filter bug
+ 2021-02-07 publish 4.2 all tags wouled be removed will the allowedTags attribute is not init with a whitelist
+ 2021-02-03 publish 4.1 optimize the regexp
+ 2019-01-30 publish 3.0.0 Add browser support
+ 2018-10-11 publish 2.0.0 Change parse() function to filter()
+ 2018-12-13 publish 2.0.4 Separate the dom part from main lib
### 浏览器中使用 ( Browser use )
```javascript
var htmlFilter = new HtmlFilter();
// todo sth
```
### Node.js
```javascript
const HtmlFilter = require('html-filter');
const htmlFilter = new HtmlFilter();
// todo sth
```
### 过滤标签和属性 - filter tags and attributes
```javascript
var html =
`
user info
Hello
zhangsan
male
20
`;
var obj = new HtmlFilter();
obj.allowedTags = {
p: null, // not support attr
div: {id: 1, style: 1}, // support id and style attr
br: null
};
console.log(obj.filter(html));
// the console result:
user info
Hello
zhangsan
male
20
```