首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用DOMPurify呈现<style>标记

如何使用DOMPurify呈现<style>标记
EN

Stack Overflow用户
提问于 2020-06-16 02:11:01
回答 1查看 661关注 0票数 0

在我们的应用程序中,对于一个非常特定的场景(只在一个地方),我们需要绕过标记,并使用DOMPurify将其呈现在DOM上。

代码语言:javascript
运行
复制
var htmlScript = "<style>*{color: red}</style>"; // something like this
var clean = dompurify.sanitize(htmlScript, { ADD_TAGS: ['style']});
return clean;

有谁知道如何实现它吗?

EN

回答 1

Stack Overflow用户

发布于 2020-09-07 10:50:30

我相信您可以使用these 3 optionsFORCE_BODYALLOWED_TAGSALLOWED_ATTR来做到这一点。

示例:

代码语言:javascript
运行
复制
outHtml = domPurify.sanitize(outHtml, {
    FORCE_BODY: true,
    ALLOWED_ATTR: ['style', 'class', 'type', 'href', 'rel'],
    // must add these tag manually if use this option.
    ALLOWED_TAGS: [
      'link',
      'figure',
      'table',
      'caption',
      'thead',
      'tr',
      'th',
      'tbody',
      'td',
    ],
  });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62394381

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档