diff --git a/web/src/components/MemoContent/CodeBlock.tsx b/web/src/components/MemoContent/CodeBlock.tsx index 16f8fd93..4254b8ab 100644 --- a/web/src/components/MemoContent/CodeBlock.tsx +++ b/web/src/components/MemoContent/CodeBlock.tsx @@ -15,6 +15,16 @@ const CodeBlock: React.FC = ({ language, content }: Props) => { const formatedLanguage = language.toLowerCase() || "plaintext"; let highlightedCode = hljs.highlightAuto(content).value; + // Users can set Markdown code blocks as 'iframe' + // to embed videos or external audio links from services like Apple Music or Spotify. + if (formatedLanguage === "iframe") { + const renderHTML = () => { + return { __html: content }; + }; + + return
; + } + try { const temp = hljs.highlight(content, { language: formatedLanguage,