What's the markdown format for displaying artifact? #6828

Adetona · 2025-04-10T19:23:55Z

Adetona
Apr 10, 2025

Hi,

I've configured the artifact using this:

 app.use((req, res, next) => {
    res.setHeader(
      'Content-Security-Policy',
      "default-src 'self'; frame-src 'self' https://*.codesandbox.io; font-src 'self' https://fonts.gstatic.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;"
    );
    next();
  });

Also, I've turned on the artifact setting.

So, for now, I'm sending this to the chat, but it's being displayed like normal text.

<!DOCTYPE html>
<html>
  <head>
    <title>Hello, LibreChat</title>
    <style>
      body { font-family: sans-serif; background: #f4f4f4; padding: 2rem; }
      .card { background: white; padding: 1rem; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
    </style>
  </head>
  <body>
    <div class="card">
      <h1>Hello, LibreChat!</h1>
      <p>This was rendered with the Artifacts feature.</p>
    </div>
  </body>
</html>

Please, what's the proper way to trigger the artifact?

danny-avila · 2025-04-10T19:28:46Z

danny-avila
Apr 10, 2025
Maintainer

https://www.librechat.ai/docs/features/agents#artifacts

https://www.librechat.ai/docs/features/artifacts

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

What's the markdown format for displaying artifact? #6828

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

What's the markdown format for displaying artifact? #6828

Uh oh!

Adetona Apr 10, 2025

Replies: 1 comment

Uh oh!

danny-avila Apr 10, 2025 Maintainer

Adetona
Apr 10, 2025

danny-avila
Apr 10, 2025
Maintainer