\
**Category:** Elements\
**Created:** [August 12, 2024, 12:10pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230 "2024-08-12T12:10:52Z")\
**Posts on this page:** 18\
**Page:** 1
**Author:**  [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 12, 2024, 12:10pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/1 "2024-08-12T12:10:52Z")
I have a Custom HTML Component that isn’t rendering in the WYSIWYG browser. It does when you click the Preview in Browser button.
Then, I noticed that even when you drag the basic Custom HTML Component onto the page, it doesn’t render that HTML either.
Not sure if this is by design or a bug but it would be very useful if it did.
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 12, 2024, 12:25pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/2 "2024-08-12T12:25:46Z")
I have the same issue, some render some do not, was going to record a video when I have 5 mins of my issues
Most of mine render in the editor but not in browser preview
Dragging doesn’t work for me, but duplicating does, some dragging does work
Might be the copy and paste bug
---
**Author:**  [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 12, 2024, 4:07pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/3 "2024-08-12T16:07:46Z")
I’ve not run into this issue. Can you both post a sample project so we can take a look?
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 12, 2024, 5:23pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/4 "2024-08-12T17:23:02Z")
this is just not isolated for me, sometimes it is good then other times not, I have tried using different code etc
odd behaviour
[https://we.tl/t-wN6JN2po8l](https://we.tl/t-wN6JN2po8l)
working ok
[https://we.tl/t-bcEKjWt6s8](https://we.tl/t-bcEKjWt6s8)
this one I don’t seem to have an issue, not finished, design your own card images texts colours transparent and 3d view, everything is sizeable and positioning
[https://we.tl/t-Udx8PRavWX](https://we.tl/t-Udx8PRavWX)
---
**Author:**  [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 12, 2024, 7:35pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/5 "2024-08-12T19:35:06Z")
Created a new project: [https://we.tl/t-1Yy4ToNGUK](https://we.tl/t-1Yy4ToNGUK)
The custom HTML is at the bottom of the page between the two dividers. It doesn’t render in the WYSIWIG browser.
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 12, 2024, 7:52pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/6 "2024-08-12T19:52:03Z")
> **[test\_four.elements](https://wetransfer.com/downloads/4ab86ab08efa77cdfd94e0eff131f2c320240812195127/2c3b93)**
>
> 2 files sent via WeTransfer, the simplest way to send your files around the world
try this I changed text to black
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 12, 2024, 7:54pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/7 "2024-08-12T19:54:24Z")
my link does not work, see I added text-black
the html component has the colour below, this does not render for me, or log runner I think, perhaps by design?
text-primary-500
I added the text-black instead
````auto
type or paste code here
My HTML Element
```
````
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 12, 2024, 7:57pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/8 "2024-08-12T19:57:51Z")
wetransfer does not work when I upload but can download others
---
**Author:**  [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 13, 2024, 7:15am UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/9 "2024-08-13T07:15:43Z")
The question remains as to why it doesn’t render in the WYSIWYG but does in Safari via the Preview in Browser button.
Shouldn’t they be the same? Either they both should render or both should not.
---
**Author:**  [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 13, 2024, 4:54pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/10 "2024-08-13T16:54:53Z")
Can you check if this is fixed in the [latest beta](https://forums.realmacsoftware.com/t/elements-beta-5-build-22852/44246/3)?
---
**Author:**  [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 13, 2024, 5:42pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/11 "2024-08-13T17:42:23Z")
Hi Dan,
It doesn’t appear to be.
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 13, 2024, 5:53pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/12 "2024-08-13T17:53:52Z")
ill check later
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 13, 2024, 6:27pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/13 "2024-08-13T18:27:49Z")
not working for me
---
**Author:**  [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 13, 2024, 7:39pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/14 "2024-08-13T19:39:00Z")
This is what I am seeing with the Custom HTML Component.
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 13, 2024, 8:15pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/15 "2024-08-13T20:15:26Z")
same for me
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 13, 2024, 8:16pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/16 "2024-08-13T20:16:18Z")
how to you get video to play in here
---
**Author:**  [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 13, 2024, 8:36pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/17 "2024-08-13T20:36:27Z")
Its a GIF image created by CleanShot App
---
**Author:**  [@tpbradley](https://forums.realmacsoftware.com/u/tpbradley)\
**Post date:** [August 13, 2024, 8:58pm UTC](https://forums.realmacsoftware.com/t/html-custom-component-wysiwyg-rendering/44230/18 "2024-08-13T20:58:50Z")
I think the problem here is that some of the example custom components like HTML have the incorrect tailwind class for specifying a text color. The `text-primary-500` class should be `text-brand-500` as we changed the naming of this color recently.
We’ll get this fixed up in the next beta!
When previewing in the browser, the body tag has a default color of black, hence the text is showing.