Hi, is it possible to use your zero-md with mathjax?

Is it possible to use your zero-md with mathjax? about zero-md HOT 4 CLOSED

zerodevx commented on June 14, 2024

Is it possible to use your zero-md with mathjax?

from zero-md.

Comments (4)

PanPeople commented on June 14, 2024 1

Thank you very much

from zero-md.

zerodevx commented on June 14, 2024

Hi, do you have an example or a reproduction of what you wish to do?

from zero-md.

PanPeople commented on June 14, 2024

Hmmm... example would be fine.
But here how i want to make it:

my-markdown.md looks like that:
##Hello World
$a_2 + b^2 = d^e $

part of my site:

How it looks:
No conversion at all even if i add special settings to math_jax script part which allow me to use $ $

from zero-md.

zerodevx commented on June 14, 2024

So.. say you have a markdown file:

my-markdown.md:

## Hello World

$a_2 + b^2 = d^e $

and you have a HTML file:

index.html:

<head>
  <!-- Configure your MathJax settings here -->
  <script>
    MathJax = {
      tex: {
        inlineMath: [ ['$', '$'], ['\\(', '\\)'], ],
      },
    };
  </script>

  <!-- Load `zero-md` -->
  <script async src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"></script>
</head>
<body>
  <!-- Add the `no-shadow` attribute -->
  <zero-md id="md" src="my-markdown.md" no-shadow></zero-md>

  <!-- Load the MathJax library AFTER markdown is rendered -->
  <script>
    md.addEventListener('zero-md-rendered', () => {
      let el = document.createElement('script');
      el.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js';
      document.head.appendChild(el);
    });
  </script>
</body>