Prevent DOM-based XSS with Trusted Types and Content Security Policy with report-uri
The CSP response header:
require-trusted-types-for 'script'; report-uri https://pluck.has.report/report
Trusted Types with a custom policy
show the code ▼
<script>
const escapePolicy = trustedTypes.createPolicy('escapePolicy', {
createHTML: string => string.replaceAll('<', '<'),
});
document.getElementById('prompt-html').onclick = function() {
const html = prompt('Enter any HTML', 'foo <strong>bar</strong>');
if (html) {
document.getElementById('html-me').innerHTML = escapePolicy.createHTML(html);
document.getElementById('xss-me').innerHTML = html;
}
}
</script>
Related specs & documents
