nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-09-27 12:17:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Render iframe in resource introduction

Browse Source
This commit is contained in:
nyne
2025-05-25 22:38:13 +08:00
parent d02c466255
commit b8ce4c659c
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/pages/resource_details_page.tsx
View File

@@ -239,6 +239,19 @@ function Article({resource}: { resource: ResourceDetails }) {
return <article> return <article>
<Markdown components={{ <Markdown components={{
"p": ({node, ...props}) => {
if (typeof props.children === "object" && (props.children as ReactElement).type === "strong") {
// @ts-ignore
const child = (props.children as ReactElement).props.children.toString()
if (child.startsWith("<iframe")) {
return <div dangerouslySetInnerHTML={{
// @ts-ignore
__html: (props.children as ReactElement).props.children
}}></div>
}
}
return <p {...props}>{props.children}</p>
},
"a": ({node, ...props}) => { "a": ({node, ...props}) => {
const href = props.href as string const href = props.href as string
if (href.startsWith("https://store.steampowered.com/app/")) { if (href.startsWith("https://store.steampowered.com/app/")) {
@@ -289,7 +302,7 @@ function Article({resource}: { resource: ResourceDetails }) {
// @ts-ignore // @ts-ignore
if (img.type === "img") { if (img.type === "img") {
return <a className={"inline-block card card-border border-base-300 no-underline bg-base-200 hover:shadow transition-shadow"} target={"_blank"} href={href}> return <a className={"inline-block card card-border border-base-300 no-underline bg-base-200 hover:shadow transition-shadow"} target={"_blank"} href={href}>
<figure className={"max-h-72 max-w-96"}> <figure className={"max-h-96"}>
{img} {img}
</figure> </figure>
<div className={"card-body text-base-content text-lg"}> <div className={"card-body text-base-content text-lg"}>