Thread by Steven (21 replies)

S

StevenReply 1Mar 19, 2025 9:56 AM

```import { Accordion, Divider, Panel, PanelBody, PanelSection, Text, Heading } from "@hubspot/ui-extensions"; import React from "react"; import { Run...

S

Scott MarionReply 2Mar 19, 2025 12:12 PM

I don't think you can display any html and are limited in the formatting of text. I think I might try converting the report to an image in your app c...

S

Scott MarionReply 3Mar 19, 2025 12:14 PM

Or you could have a hosting page with the rendered html and use a Link component to view it

M

Matt SwansonReply 4Mar 19, 2025 1:54 PM

you cannot render arbitrary HTML in the react components, best you can currently do is to use the Iframe popup if you have a consistent output format...

M

Matt SwansonReply 5Mar 19, 2025 1:57 PM

You could also consider syncing the HTML to a HubSpot Rich text property and then using CrmPropertyList to display it

S

StevenReply 6Mar 21, 2025 7:58 AM

Really appreciate that, <@U037ZPYEGAF>! I will give that a try. If we keep the HTML that we send to the app simple, that should work :pray:

S

StevenReply 7Apr 15, 2025 1:17 PM

<@U03AKL6Q1B2>

C

carterReply 8Apr 15, 2025 2:15 PM

<@U089HHUBS2Y> I've done this before and the best option if you can do it is to feed this output into another model like 4o and get structured JSON ou...

C

carterReply 9Apr 15, 2025 2:42 PM

Here's how it looks after running it through a quick transform to switch the elements.

C

carterReply 10Apr 15, 2025 2:43 PM

No text content

C

carterReply 11Apr 15, 2025 2:44 PM

You can just set this up as another component, and import it into your main tsx file like you do with your panel component.

C

carterReply 12Apr 15, 2025 2:44 PM

```<HubSpotHtmlRenderer htmlString={htmlString} />``` You then use it like this

C

carterReply 13Apr 15, 2025 2:46 PM

Currently it's setup for these tags: <ul> <li> <strike> <a> (this one doe...

C

carterReply 14Apr 15, 2025 2:47 PM

Also just FYI, 90% of that code was Gemini generated

S

StevenReply 15Apr 16, 2025 9:12 AM

Damn <@U01QVR44MEY> - this is awesome! Thanks a lot, I'll try it out today and let you know :pray:

S

StevenReply 16Apr 16, 2025 9:12 AM

Really appreciate this

S

Scott MarionReply 17Apr 16, 2025 9:51 AM

Ditto <@U01QVR44MEY> I need this too - just happens came upon the need this week. Nice timing!

S

Scott MarionReply 18Apr 16, 2025 11:51 AM

UPDATE: this worked great! In my case I needed to have Claude help me add quite a few things to it because I have html strings with many unconvention...

J

jnixReply 19Apr 16, 2025 3:36 PM

Thank you <@U01QVR44MEY> for jumping in to help <@U089HHUBS2Y>, I'm so happy to hear this solution will work :clap::clap::clap:

S

StevenReply 20Apr 16, 2025 5:05 PM

Much better! Thanks a ton for your help <@U03AKL6Q1B2> <@U01QVR44MEY>. This was amazing

C

carterReply 21Apr 16, 2025 5:32 PM

That looks really clean!

Thread Discussion

Original Message

Replies