YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-14 18:30:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: enable iframe rendering in markdown code block (#2799)

Browse Source 
* enable iframe rendering in code block

* fix eslint issue
This commit is contained in:
Mark Zhao 2024-01-19 22:36:45 -05:00 committed by GitHub
parent 196facfacd
commit bd1cf62761
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,6 +15,16 @@ const CodeBlock: React.FC<Props> = ({ language, content }: Props) => {
const formatedLanguage = language.toLowerCase() || "plaintext"; const formatedLanguage = language.toLowerCase() || "plaintext";
let highlightedCode = hljs.highlightAuto(content).value; 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 <div className="mx-auto w-11/12 !my-4" dangerouslySetInnerHTML={renderHTML()} />;
}
try { try {
const temp = hljs.highlight(content, { const temp = hljs.highlight(content, {
language: formatedLanguage, language: formatedLanguage,