[New plugin] Markdown Parser for AI Models

Hey all!

I have just published a new plugin that allows you to parse the Markdown output from AI models (and from other sources of course)

Demo page (editor is public): Markdown Parser for AI Models
Plugin page: Markdown Parser for AI Models Plugin | Bubble

:white_check_mark: Automatically renders HTML Output
:white_check_mark: We only apply the CSS to the HTML rendered by the plugin element, so you don’t have to worry about using super specific CSS selectors.
:white_check_mark: Optimized to use with AI models

ezgif-6-b9f22265ee

:rotating_light: Important: Ensure you are familiar with CSS before attempting to style the rendered HTML output.

:speech_balloon: Questions? You can reply below, send me a PM on the Bubble forum (@thimo) or send me an email (‘contact’ button on my contributor page ).

1 Like

Hey there, hope you are doing great, so I recently just purchased plugin, and my app returns me url like this, how can I get it to open in an external tab?

Some part of the response is like this “## Result 1: Zapier {:target=”_blank"}:robot:" and I want this to open as an external tab

Hi @max14!

The markdown you shared is not supported. However, I just pushed a new Update (1.0.3) that adds the ability to specify if links should open in new tabs (on by default):

However, as Markdown also supports some HTML features, you can also use:

<a href="https://zapier.com/" target="_blank">here</a>

To create links that open in new tabs!

Hopefully this helps! :slight_smile:

Thanks so much!! I have 2 apps running on this plugin, will definitely use this plugin more in the future!

1 Like

@Thimo On your markdown parser rendering. Can you add a feature to enable typewriting animation similar to streaming?
So when I process text via OpenAI then put value on a state then I use it as Markdown Input value, but instead of it just popping up the entire output in one go. I would like it to replicate the animation of streaming letter by letter?

Hi @rccanlas!

If you have native streaming implemented in your application the plugin can handle the updating output. However, a fake “typewriting” effect is not supported right now. Adding that effect does kinda defeats the purpose of streaming as streaming actually has the purpose to display the initial results quicker and if you are going to add a typewriter effect to the output the user has to wait longer before the results are displayed and ready to be used

I will try to look into it but as the plugin does already support “real” streaming it might be difficult to support both. Hopefully this makes sense! :slight_smile:

2 Likes

The thing with my app is I will call OpenAI request multiple times then combine all the results of those call and put the value in 1 state. So real time streaming is not suitable since what I understand is 1 OpenAI call then stream.

@Thimo
I hope you can add it in the future :slight_smile: I am desperate for a solution

Currently, I have to use the plugin AI random typewriter effect then do the typewriting into a multiline input then put it on the markdown parser. It works but it is freezing the browser :frowning:

image

@levon @Thimo

I think the copy icon which appears inside the marked parser element, is no longer functioning and the corresponding event doesn’t trigger. I was having some trouble with it inside my own demo page but it’s working in your demo page. I think it has something to do with the click event listener that’ setup on the icons when inside an RG.

Don’t suppose I could ask you to have a look at it could I

I can see the click event that gets setup on the button which targets number 1 in this image below, due to the mutation observer criteria. If I add it to the outer node (number 2) then it works just fine.

I’m not entirely sure why the button is not triggering the event on my page (maybe CSS issue) but the problem can be seen here…

https://paul-testing.bubbleapps.io/version-test/ai_bot?debug_mode=true

Click the button which says “Load formatted conversation”

Hopefully this helps.

Thanks!
Paul

1 Like

Hi @pork1977gm!

The copy button should work with multiple instances on the page. Weird that it doesn’t for you.

I unfortunately do not have access to the plugin anymore as it had been acquired by @ZeroqodeSupport. The best way to get support from ZQ would be to contact: support@zeroqode.com.

Hopefully they can look into the issue for you! :slight_smile:

1 Like

Yep I see that! well done!:grin:

No problems at all. I’m sure Levon and his team will take a look at it when they can.

It could be something to do with my page interfering with it (it used to work) but as a few tests I rolled back through every version to double check and removed all the configuration I put into the plugin but it was still misbehaving.

Thanks for the reply
Paul

1 Like