Include custom html #2680
Replies: 3 comments 6 replies
-
|
You can render html directly in react using the dangerouslySetInnerHtml prop in any element. |
Beta Was this translation helpful? Give feedback.
-
|
yes, I am aware of that, but it is a full html file with head (with meta tags and so on) and body (with html elements). How would that be possible with remix? At the moment we use it as an entry for our react application. |
Beta Was this translation helpful? Give feedback.
-
|
It's not possible, but if you know the URL of that HTML, you could use a resource route to send the HTML directly. import { html } from "remix-utils";
export let loader: LoaderFunction = async () => {
return html(await getHTML());
} |
Beta Was this translation helpful? Give feedback.
-
|
Thanks and would it be possible to integrate content somehow? Maybe by splitting the file or something? |
Beta Was this translation helpful? Give feedback.
-
|
What do you mean by integrate content? |
Beta Was this translation helpful? Give feedback.
-
|
In root.tsx there is the main route which includes head and body of the project. I need to merge remix components with the custom html file. I tried similar things with nextjs via splitting the html content and using innerhtml, but next was complaining because of the missing head component. I was hoping to find a better way with remix. I can give a more elaborate example tomorrow if it's not clear enough. Thanks for taking the time 🙂 |
Beta Was this translation helpful? Give feedback.
-
|
Did you find a solution to this in the end, I am trying to do the same thing? template is a object containing a bunch of block html strings that I am trying to integrate with remix functionality. It mostly works but because i can't find a way to include I have tried wrapping it all in a normal head and using |
Beta Was this translation helpful? Give feedback.
-
|
Found a way using html-react-parser. |
Beta Was this translation helpful? Give feedback.
-
|
No solution, sorry. We don't use remix
KieranGreenwood ***@***.***> schrieb am Fr., 17. Mai 2024,
18:50:
… Found a way using html-react-parser
<https://www.npmjs.com/package/html-react-parser>.
<head>
{parse(template.Head)}
<Meta />
<Links />
</head>
—
Reply to this email directly, view it on GitHub
<#2680 (reply in thread)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AAEEO552XDMXFTG3EU4DTTTZCYYMVAVCNFSM5SZTDNH2U5DIOJSWCZC7NNSXTOKENFZWG5LTONUW63SDN5WW2ZLOOQ5TSNBXGMYTONQ>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hi, how can I include custom html in root.tsx? We have some generated html pages from another team which we would like to include as the project root. Is that possible? A full html file with head (with meta tags and so on) and body (with html elements)
Beta Was this translation helpful? Give feedback.
All reactions