The quikchat-md-full build uses quikdown edit which
dynamically loads syntax highlighting, math rendering, maps, and more from CDN on first use.
Click the sample buttons to inject rich content. Features marked with * load their renderer from CDN on first use.
One script tag — everything else loads on demand:
<script src="https://unpkg.com/quikchat/dist/quikchat-md-full.umd.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/quikchat/dist/quikchat.css">
<div id="chat" style="height: 400px;"></div>
<script>
const chat = new quikchat('#chat', (chat, msg) => {
chat.messageAddNew(msg, 'me', 'right');
});
</script>Same API as the base build. When the formatter encounters a fenced code block with a language tag, highlight.js is loaded from CDN automatically. Same for math expressions, diagrams, etc.
| Build | File | Gzipped | What you get |
|---|---|---|---|
| Base | quikchat.umd.min.js | ~5 KB | Chat widget, zero deps |
| Markdown | quikchat-md.umd.min.js | ~9 KB | + basic markdown formatting |
| Full | quikchat-md-full.umd.min.js | ~14 KB | + syntax highlighting, math, maps, SVG (loaded on demand) |