YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: iframe rendering (#3916)

Browse Source 
* fix iframe rendering

* fix eslint check
This commit is contained in:
ti777777
2024-09-12 08:54:33 +08:00
committed by GitHub
parent 42bc769d5d
commit 6f3d5762ca
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/MemoContent/CodeBlock.tsx
View File

@@ -25,7 +25,17 @@ const CodeBlock: React.FC<Props> = ({ language, content }: Props) => {
// Users can set Markdown code blocks as `__html` to render HTML directly. // Users can set Markdown code blocks as `__html` to render HTML directly.
if (formatedLanguage === SpecialLanguage.HTML) { if (formatedLanguage === SpecialLanguage.HTML) {
const purify = DOMPurify(window); const purify = DOMPurify(window);
return <div className="w-full overflow-auto !my-2" dangerouslySetInnerHTML={{ __html: purify.sanitize(content) }} />; return (
<div
className="w-full overflow-auto !my-2"
dangerouslySetInnerHTML={{
__html: purify.sanitize(content, {
ALLOWED_TAGS: ["iframe"],
ADD_ATTR: ["allow", "allowfullscreen", "frameborder", "scrolling"],
}),
}}
/>
);
} else if (formatedLanguage === SpecialLanguage.MERMAID) { } else if (formatedLanguage === SpecialLanguage.MERMAID) {
return <MermaidBlock content={content} />; return <MermaidBlock content={content} />;
} }