[Node.js] xss필터 사용시 style속성 유지하기

https://www.npmjs.com/package/xss

xss

 

import xss from "xss";
const content = `<p style="color: red;">`;
const sanitized = xss(content, {
    css: false, // css를 유지시키는 속성이 있지만, 제대로 작동하지 않는 경우가 있음
    onIgnoreTagAttr: (tag, name, value, isWhiteAttr) => {
        if (name === "style") return name + '="' + value + '"';
    },
});
console.log(sanitized);

style속성을 유지하고싶다면 onIgnoreTagAttr을 이용하여 style태그를 복원시켜주면 된다.

공식 문서는 css옵션을 false로 설정하면 style속성을 유지시킨다고 설명하지만, 제대로 작동하지 않는 것 같다.