Enable MathML for browsers

[Regina Henschel <regina.henschel@libreoffice.org>]

Hi all,

from https://www.mathjax.org/#gettingstarted

is the tip to include the following lines in the HTML code

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6";></script>
<script id="MathJax-script" async 
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js";></script>

For XHTML you need a little change, because attributes without values 
are not possible:

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6";></script>
<script id="MathJax-script" async="async" 
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js";></script>

I have put it before the </head> tag. Then indeed Google Chrome and 
Microsoft Edge render MathML. I cannot set Internet Explorer 11 to use 
script, so for Internet Explorer it does not work for me. I have no 
environment to test Safari.


The XTML filter in LibreOffice generates the attribute display="block" 
in the <math> element. I think, that should be changed to display="inline".


I was wrong, that the attribute 'id' in the generated XHTML would be 
suitable to find the corresponding replacement image. The value from the 
attribute 'id' is generated from the attribute 'draw:name'. I'm not even 
sure, that it is unique. It might be the same after copy&paste a 
formula. To get the replacement image, it would be necessary to bring 
the 'href' value of the surrounding <draw:frame> element into the XHTML 
output. Perhaps a comment will work.


Kind regards
Regina