I am using the latest MathJax library, which is v 3.2. I have the following code in head part of my webpage. Yet when I use ## as delimiter for inline Math config, it actually creates a link as shown in screenshot (look at the blue part that says #x), If I add a space after the second # as in ## x ## then it works, but I shouldn't have to do that.

I am missing something here. I tried preceding the delimiters with a backslash in the config JavaScript as in \#\# but it didn't work.

Question: What changes I need in my JavaScript below to make the delimiter ## work for inline math with latest MathJax? Or maybe nothing can be done here since the rich text editor for making this entry is behaving in this manner. In that case, I'll have to add a space after the initial delimiter ## and there's no way to prevent this problem.

<script type="text/javascript">
       window.MathJax = {
          tex: {
            inlineMath: [['##', '##'], ['\\(', '\\)']]
         }
      };
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.0/es5/tex-chtml-full.js"
 integrity="sha512-H1celT3zndvCGQ6MQhHhhbHobnAcJIr0F/hWbLQHOPJNb5psixpjP3KFLfL5MUCGjReje/+DFo+ByaB9OtxmdQ=="
 crossorigin="anonymous" referrerpolicy="no-referrer"></script>

UPDATE 1: I even tried using html code for the hash character #, but it didn't work. I tried by replacing '##' in above Javascript with '#&num' and also '#&#35' or '##', but none of them worked.