@syncfusion/syncfusion-blazor-security
Configure Content Security Policy (CSP) for Syncfusion Blazor components across Blazor Server, WebAssembly, and Auto render modes � self-hosted and CDN scenarios
No skills found in this collection.
SKILL.md
| name | syncfusion-blazor-security |
| description | Configure Content Security Policy (CSP) for Syncfusion Blazor components across Blazor Server, WebAssembly, and Auto render modes � self-hosted and CDN scenarios |
Syncfusion Blazor Security
Content Security Policy (CSP) configuration for Syncfusion Blazor components in browser-hosted applications (.NET 8, 9, 10).
When to Use
Use this skill when you need to:
- Add a CSP
<meta>tag toApp.razororindex.htmlfor Syncfusion components - Configure CSP for self-hosted (Static Web Assets) script and style delivery
- Configure CSP for CDN-hosted Syncfusion scripts and styles
- Understand which CSP directives Syncfusion components require and why
Quick Reference
- Full CSP guide: See content-security-policy.md
Required CSP Directives at a Glance
| Directive | Value | Reason |
|---|---|---|
font-src |
'self' data: |
Base64-encoded icon fonts |
style-src |
'self' 'unsafe-inline' |
Inline styles for sizing/positioning |
script-src |
'self' |
Dynamic code evaluation (animations, etc.) |
connect-src |
'self' https: wss: |
WebSocket and HTTPS connections |
img-src |
data: https: |
Inline images and remote assets |
object-src |
'none' |
Block plugin content |
CDN users: also append
https://cdn.syncfusion.com/blazor/toscript-srcandstyle-src.
Where to Add the CSP Tag
| Project Type | File |
|---|---|
| Blazor Web App (.NET 8/9/10) any render mode | ~/Components/App.razor |
| Blazor WebAssembly Standalone | wwwroot/index.html |
Loading...
Select a file to preview
Analyzing security...
Checking scan reports and verification data.
Bill of Materials
Everything this skill can do — files, network, commands, and more.
No demos yet. To add one, ask your AI agent: "Submit a demo for @syncfusion/syncfusion-blazor-security" — or upload via the API.
To add a demo, ask your AI agent: "Submit a demo for @syncfusion/syncfusion-blazor-security"
No eval data yet. Eval results are published via the SkillSafe API.