S
SolidJS•15mo ago
eponymous

Render HTML from string

I have a string containing HTML tags which I want to render as HTML. For example, this can be accomplished in Svelte with a special @html directive: https://svelte.dev/tutorial/html-tags. However, I don't see a similarly straightforward way to accomplish this in SolidJS. Am I missing something? Thanks!
4 Replies
Unknown User
Unknown User•15mo ago
Message Not Public
Sign In & Join Server To View
eponymous
eponymous•15mo ago
Thanks for your reply. I should have mentioned that I tried the innerHTML prop already. It doesn't do what I described. It simply appends the unrendered text.
Max
Max•15mo ago
it should work. here are two approaches https://playground.solidjs.com/anonymous/61cfc0a2-701c-46d6-8901-730c851254ad
Solid Playground
Quickly discover what the solid compiler will generate from your JSX template
Max
Max•15mo ago
usual warning about security tho.. just be sure you know the input
Want results from more Discord servers?
Add your server
More Posts
how to throttle effectsIs there a way to throttle effects? Naive approaches, like slapping the callback of a createEffect solid start typescript 4.9/5 satisfies operatorHi, wondering is there anything that should be done to use satisfies operator on solid start, updatehow do I tell FileRoutes to look for a folder other than `routes`?I have a solid start node instance handling multiple domains this means I need multiple `<FileRoutesExplicit Routing (opt out of file based)Hi, wondering what the options for routing in solid-start are? I've seen around (for example httpsAdding eventListener in an onMount shows error in consoleI created a form ref and added an event listener in a component with tsx ´´´ let formRef; . . . refetch not changing the signal of the createResourcewhen trying to update the data of the signal of a resource it didn't update. I have the same issue wStuck in 'rendering index.html' in solid-start buildHello, when I run build in my project, it seems to be stuck on rendering index.html. Any possible reHandle union type in storeHi peeps, I would like to store union type like this `type Post = NewPost | DeletedPost;` in a storPassing For Id between InputGroup and Input using childrenI'm trying to pass create a JSX structure like: ``` <InputGroup label="Email" error="that's not Are there any guarantees on the order of createMemo / createComputed execution when siblings?This example suggests there are none: https://playground.solidjs.com/anonymous/32dc8fda-6b7d-40df-8c