%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Ai Chat Example
什么是DOMPurify?
DOMPurify是一个用于清理HTML代码的JavaScript库，专门设计用来防止XSS攻击。它通过移除所有恶意代码同时保留安全的HTML内容来工作。如何使用DOMPurify?
只需将DOMPurify引入您的项目，然后调用sanitize方法处理任何需要清理的HTML字符串。适用场景
适用于任何需要处理用户输入的HTML内容的Web应用，特别是那些需要展示富文本内容的场景。主要功能
XSS防护自动检测并移除HTML中的恶意脚本和XSS攻击向量
安全HTML保留保留安全的HTML标签和属性，不影响合法内容
轻量级体积小，性能高，对应用性能影响极小
优势与局限性
优势
高度可靠的XSS防护
配置灵活，可根据需求定制
支持HTML、MathML和SVG
活跃的维护和更新
局限性
不能防止所有类型的注入攻击
需要开发者理解基本的XSS知识才能正确使用
可能会过度清理某些合法的HTML结构
如何使用
安装DOMPurify
通过npm安装或直接引入脚本
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
引入库
在您的项目中引入DOMPurify
清理HTML
使用sanitize方法清理不安全的HTML
使用案例
用户评论清理清理用户提交的评论内容，防止XSS攻击
富文本编辑器输出在显示富文本编辑器内容前进行清理
常见问题
DOMPurify能防止所有XSS攻击吗?
如何自定义允许的HTML标签?
DOMPurify会影响性能吗?
相关资源
官方GitHub仓库
DOMPurify的源代码和问题追踪
npm包
DOMPurify的npm包页面
XSS防护指南
OWASP XSS防护指南
精选MCP服务推荐
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具（如Cursor）提供Figma设计数据访问的服务器，通过简化Figma API响应，帮助AI更准确地实现设计到代码的一键转换。
TypeScript
7.0K
4.5分
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器，为Claude等LLM提供网页搜索和内容抓取服务
Python
1.2K
4.3分
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器，提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
4.5K
5分
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务，提供地理编码、路线规划等10个标准化API接口，支持Python和Typescript快速接入，赋能智能体实现地图相关功能。
Python
1.0K
4.5分
Exa Web Search
已认证
Exa MCP Server是一个为AI助手（如Claude）提供网络搜索功能的服务器，通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
2.1K
5分
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器，支持与强大的文本转语音、视频/图像生成API交互，适用于多种客户端工具如Claude Desktop、Cursor等。
Python
1.1K
4.8分
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
448
4.8分
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务，通过Model Context Protocol直接集成到提示中，解决LLM使用过时信息的问题。
TypeScript
5.7K
4.7分