We use cookies to enhance your experience

We use essential cookies for site functionality and optional cookies like Google Analytics to understand how you use our site. You can customize your preferences at any time. Learn more

Markdown & HTML Support

Enable rich text formatting in bot responses using Markdown or HTML for better-structured, more engaging messages.

Enable Formatting

Markdown Support

Enable Markdown rendering for bot messages:

What is Markdown?

Markdown is a lightweight markup language that lets you format text using simple symbols like *, #, and []. It's widely used and easy to learn.

HTML Support

Allow safe HTML in bot responses:

Security Critical

Always sanitize HTML to prevent XSS attacks. Never render unsanitized user-generated HTML.

Supported Markdown Syntax

Text Formatting

Markdown:

Renders as:

Bold text

Italic text

Strikethrough

Inline code

Headings

Markdown:

Renders as:

Heading 1

Heading 2

Heading 3

Lists

Markdown:

Renders as:

  • Item 1
  • Item 2
    • Nested item
  1. First
  2. Second
  3. Third

Links & Images

Markdown:

Renders as:

Code Blocks

Markdown:

Renders as:

Advanced Features

Syntax Highlighting

Add syntax highlighting to code blocks:

Tables

Support Markdown tables:

Renders as:

FeatureFreePro
Widgets110
Messages100

Emojis

Support emoji codes:

:smile: :heart: :rocket:😄 ❤️ 🚀

Custom Components

Render custom React components from markdown:

Link Handling

Link Behavior

Control how links are opened:

URL Preview

Show rich previews for links:

Preview

Page Title

Brief description of the linked page content...

example.com

Security Considerations

XSS Protection

Always sanitize user-generated content, even with Markdown. Malicious users can craft dangerous markdown.

Sanitization Rules

Configure strict HTML sanitization:

  • Remove Scripts: Block script tags and javascript: URLs
  • Strip Event Handlers: Remove onclick, onload, etc.
  • Filter Iframes: Only allow trusted domains
  • Clean Styles: Remove potentially harmful CSS
  • Validate URLs: Ensure http:// or https:// protocols only

Next: n8n Integration

Learn how to connect your widget to n8n workflows.

n8n Integration →
Hi and welcome! How can ChatWidgetPro help you ?