@sika7/sanitize-html

this package is html sanitize. You can allow the attributes of each tag.

Usage

Step 1: Install plugin:

npm install --save @sika7/sanitize-html

Step 2: add a functions or plugin.

import { sanitizeHtml } from "@sika7/sanitize-html";

const result = sanitizeHtml("<div><p>test</p><div>test</div></div>", [
  {
    tag: "div",
    allowAttrs: ["class", "style"],
    allowStyle: ["color"],
  },
]);
console.log(result);
// # <div><div>test</div></div>

config

import { allowTag } from "@sika7/sanitize-html";
const allowTags: allowTag[] = {
  {
    tag: "div", // require
    allowAttrs: ["class", "style"], // options
    allowStyle: ["color"], // options
  },
};

setting	description	example
tag	allow tag name.	div
allowAttrs	allow attributes.	['class','style']
allowStyle	allow styles. require style in allowAttrs.	['color','text-align']