Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-07-06 15:36:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
MacRimi 2025-02-15 11:10:35 +01:00 committed by GitHub
parent 643d2efd04
commit 8fc1804cce
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/app/guides/[slug]/page.tsx
View File

@ -38,11 +38,15 @@ export async function generateStaticParams() {
} }
function wrapCodeBlocksWithCopyable(content: string) { function wrapCodeBlocksWithCopyable(content: string) {
// Expresión regular mejorada para detectar bloques de código y aplicar CopyableCode directamente // Detectar bloques de código y aplicar estilos correctos
const codeBlockRegex = /<pre><code>([\s\S]*?)<\/code><\/pre>/g const codeBlockRegex = /<pre><code>([\s\S]*?)<\/code><\/pre>/g
return content.replace(codeBlockRegex, (match, code) => { return content.replace(codeBlockRegex, (match, code) => {
return `<CopyableCode code={\`${code.replace(/`/g, "\\`")}\`} />` return `
<div class="bg-gray-100 text-gray-900 border border-gray-300 rounded-md p-4 overflow-auto">
<CopyableCode code={\`${code.replace(/`/g, "\\`")}\`} />
</div>
`
}) })
} }
@ -57,9 +61,8 @@ export default async function GuidePage({ params }: { params: { slug: string } }
className="prose prose-gray max-w-none className="prose prose-gray max-w-none
[&>h1]:text-gray-900 [&>h2]:text-gray-800 [&>h3]:text-gray-700 [&>h1]:text-gray-900 [&>h2]:text-gray-800 [&>h3]:text-gray-700
[&>p]:text-gray-600 [&>ul>li]:text-gray-600 [&>ol>li]:text-gray-600" [&>p]:text-gray-600 [&>ul>li]:text-gray-600 [&>ol>li]:text-gray-600"
> dangerouslySetInnerHTML={{ __html: guideContent }}
<CopyableCode code={guideContent} /> />
</div>
</div> </div>
</div> </div>
) )