The quikchat-md build bundles quikdown as the default message formatter.
Markdown in messages is automatically rendered as HTML.
Try typing markdown: **bold**, *italic*, `code`,
## heading, - list item, or fenced code blocks with ```.
Just use quikchat-md.umd.min.js instead of quikchat.umd.min.js:
<script src="https://unpkg.com/quikchat/dist/quikchat-md.umd.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/quikchat/dist/quikchat.css">
<div id="chat" style="height: 400px;"></div>
<script>
// Markdown rendering is automatic — same API, no extra config
const chat = new quikchat('#chat', (chat, msg) => {
chat.messageAddNew(msg, 'me', 'right');
});
</script>
The -md build extends the base quikchat class and pre-wires quikdown
as the messageFormatter. All other API methods work identically.
You can override the formatter at any time:
// Use a different markdown library
chat.setMessageFormatter((content) => myMarkdownLib(content));
// Or disable formatting
chat.setMessageFormatter(null);