Browser windows showing web pages

Browser Usage

You can use Markdown Maestro directly in the browser, without any build tools or frameworks.

Using a CDN

The easiest way to get started is to include the script from a CDN in your HTML file.

<script src="https://cdn.jsdelivr.net/npm/markdown-maestro@latest/dist/maestro.min.js"></script>

Once included, a global `maestro` function will be available.

<!DOCTYPE html>
<html>
<head>
  <title>Maestro in Browser</title>
</head>
<body>
  <div id="content"></div>

  <script src="https://cdn.jsdelivr.net/npm/markdown-maestro@latest/dist/maestro.min.js"></script>
  <script>
    const markdown = '## Hello from the Browser!';
    const html = maestro(markdown);
    document.getElementById('content').innerHTML = html;
  </script>
</body>
</html>

Manual Setup

If you prefer to host the file yourself, you can download it from the GitHub repository's `dist/` folder or from the npm package and include it in your project.

<script src="/path/to/your/maestro.min.js"></script>

This approach gives you full control over the version and delivery of the library, which is ideal for production environments.