You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
570 B
TypeScript
28 lines
570 B
TypeScript
import React from 'react';
|
|
import DOMPurify from 'dompurify';
|
|
|
|
interface ReceivedProps {
|
|
html: string;
|
|
tag?: string;
|
|
key?: any;
|
|
}
|
|
|
|
// Needed because of https://github.com/microsoft/tslint-microsoft-contrib/issues/339
|
|
type Props = ReceivedProps;
|
|
|
|
export const SessionHtmlRenderer: React.SFC<Props> = ({
|
|
tag = 'div',
|
|
key,
|
|
html,
|
|
}) => {
|
|
const clean = DOMPurify.sanitize(html, {
|
|
USE_PROFILES: { html: true },
|
|
FORBID_ATTR: ['style', 'script'],
|
|
});
|
|
|
|
return React.createElement(tag, {
|
|
key,
|
|
dangerouslySetInnerHTML: { __html: clean },
|
|
});
|
|
};
|