Mathstodon

Philip KaludercicNeat and related: When writing HTML with some math, I don't really want to write MathML by hand (let alone depend on MathJax or something like that). LaTeXML turns out to be helpful again, specifically via the <a href="https://metacpan.org/dist/LaTeXML/view/bin/latexmlmath" rel="nofollow noopener noreferrer" target="_blank">latexmlmath</a> (which btw. can be used above as well, and is faster). Either way, I have quickly hacked together a function that uses <code>latexmlmath</code> to convert TeX-math in a comment into MathML:<pre><code>(defun mathml-from-tex () "Convert TeX in a comment to MathML in a buffer. The TeX has to be written in a single-line comment prefixed with a \"MathML:\" string. For example:  Everything until the end of the comment (or line) is passed to \"latexmlmath\" (part of the LaTeXML suite) and injected into the next line of the buffer. A comment indicating the end of the math block is also added, so that multiple invocations of the command can replace the old output." (interactive) (save-excursion (goto-char (line-beginning-position)) (unless (search-forward-regexp (rx (literal comment-start) (* space) "MathML: " (group (* nonl)) (literal comment-end)) (line-end-position) t) (user-error "No instruction found")) (if (eobp) (insert "\n") (forward-line 1)) (let ((end "EndOfMathML") ;TODO: use </math> (math (match-string 1)) (start (point))) (when (search-forward-regexp (rx (literal end)) nil t) (delete-region start (line-end-position))) (save-excursion (insert end) (save-excursion (insert (if (eolp) "" "\n"))) (comment-line 1)) (call-process-region math nil "latexmlmath" nil t t "-")))) </code></pre>I also attach a quick demo, see below.<a href="https://commenting.onthe.incoherenceofthe.net/tags/emacs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#emacs</a> <a href="https://commenting.onthe.incoherenceofthe.net/tags/latex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#latex</a> <a href="https://commenting.onthe.incoherenceofthe.net/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a>

FOSSASIA♿️ Discover how to make STEM content truly accessible on the web using MathML and specialized math fonts — ensuring equations and formulas are readable for allwith Norbert Preining at <a href="https://floss.social/tags/FOSSASIASummit2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSSASIASummit2025</a>🔗 Click here <a href="https://youtu.be/DIwvqSFQtOw?si=UHeOSKUz-n7FoLVZ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/DIwvqSFQtOw?si=UHeOSKUz-n7FoLVZ</a> to watch on the FOSSASIA YouTube channel <a href="https://floss.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAccessibility</a> <a href="https://floss.social/tags/STEM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#STEM</a> <a href="https://floss.social/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://floss.social/tags/InclusiveWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InclusiveWeb</a> <a href="https://floss.social/tags/FOSSASIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSSASIA</a>

Frontend DogmaMarkup Languages, by <a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@j9t</a> [@frontenddogma.com]:<a href="https://meiert.com/en/blog/markup-languages/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://meiert.com/en/blog/markup-languages/</a><a href="https://mas.to/tags/overviews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#overviews</a> <a href="https://mas.to/tags/linklists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linklists</a> <a href="https://mas.to/tags/sgml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sgml</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/xml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#xml</a> <a href="https://mas.to/tags/xhtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#xhtml</a> <a href="https://mas.to/tags/hdml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hdml</a> <a href="https://mas.to/tags/dhtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dhtml</a> <a href="https://mas.to/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://mas.to/tags/wml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wml</a> <a href="https://mas.to/tags/chtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chtml</a>

Deyan GinevMathup: Easy MathML authoring tool with a quick to write syntax.<a href="https://mathup.xyz/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://mathup.xyz/</a>Lovely new experiment.<a href="https://mathstodon.xyz/tags/mathml" class="mention hashtag" rel="tag">#mathml</a> <a href="https://mathstodon.xyz/tags/math" class="mention hashtag" rel="tag">#math</a>

Hacker NewsMathup: Easy MathML authoring tool with a quick to write syntax<a href="https://mathup.xyz/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathup.xyz/</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://mastodon.social/tags/Mathup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathup</a> <a href="https://mastodon.social/tags/Tool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tool</a> <a href="https://mastodon.social/tags/EasyAuthoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#EasyAuthoring</a> <a href="https://mastodon.social/tags/QuickSyntax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#QuickSyntax</a>

LavX NewsTransforming Math with Mathup: A New Era in Mathematical Expression HandlingMathup is revolutionizing how developers handle mathematical expressions in web applications. By simplifying the conversion of intuitive math notation into structured MathML, Mathup presents a lightwe...<a href="https://news.lavx.hu/article/transforming-math-with-mathup-a-new-era-in-mathematical-expression-handling" rel="nofollow noopener noreferrer" target="_blank">https://news.lavx.hu/article/transforming-math-with-mathup-a-new-era-in-mathematical-expression-handling</a><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://mastodon.cloud/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.cloud/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://mastodon.cloud/tags/Mathup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathup</a>

SELFHTML e.V.Heute geht's nicht um KI, sondern nur um πDer Pi Day wird jährlich am 14. März gefeiert. <a href="https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Math/PI" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Math/PI</a><a href="https://bildung.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://bildung.social/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svg</a> <a href="https://bildung.social/tags/fedilz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fedilz</a>

Marius GundersenI played around with <a href="https://mastodon.social/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewtransitions</a> and <a href="https://mastodon.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> yesterday, and made this example of how to animate solving an equation. It was pretty straight forward to get to work, but I wish I had some control over the transitions. Now the elements move in a straight line, it would be cool of i could make them follow an arc. <a href="https://codepen.io/mariusgundersen/pen/EaxvjmQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/mariusgundersen/pen/EaxvjmQ</a>Edit: does not work in Firefox yet, but probably by the end of 2025<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Joe CrawfordThanks <a href="https://mastodon.social/@Meyerweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Meyerweb</a> & <a href="https://mathstodon.xyz/@fractalkitty" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@fractalkitty</a> in particular for helping me understand the uses of both <a href="https://xoxo.zone/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> and <a href="https://xoxo.zone/tags/LaTex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LaTex</a> ( and <a href="https://xoxo.zone/tags/MathJax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathJax</a> ) at yesterday's <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> Front End Study Hall. I updated <a href="https://lab.artlung.com/mathml/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://lab.artlung.com/mathml/</a> a bit.

もく原来可以安装 Native MathML 插件强迫 <a href="https://social.mikutter.hachune.net/tags/Wikipedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Wikipedia</a> 用 <a href="https://social.mikutter.hachune.net/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> 渲染公式，而不是 svg

™<a href="https://mastodon.social/@pfsmet" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pfsmet</a> Oder länger, aber Browser-kompatibel, in <a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a>:<math> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mn>9</mn> </munderover> <msup> <mi>n</mi> <mn>3</mn> </msup> <mo>=</mo> <mn>2025</mn> </math><a href="https://social.tchncs.de/tags/year2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#year2025</a>

randomMDN🦖 <mmultiscripts> 🦖<a href="https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mmultiscripts" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mmultiscripts</a>The <mmultiscripts> MathML element is used to attach an arbitrary number of subscripts and superscripts to an expression at once, generalizing the <msubsup> element. Scripts can be either pre-scripts (placed before the expression) or post-scripts (placed after it).<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://front-end.social/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a>

Paul L<a href="https://mathstodon.xyz/@christianp" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@christianp</a> <a href="https://types.pl/@pounce" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pounce</a> That's a nice start. However, I hope we get this further. Ongoing is the task of the Math working group to specify a safe list of elements fo the sanitizer API: <a href="https://github.com/w3c/mathml-core/issues/227" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/w3c/mathml-core/issues/227</a>Once this is done, maybe all of MathML-core will be preserved among the Fediverse instances?It should be noted that MathML-core is supported and displayed in all current browsers, thanks to the work of Igalia. <a href="https://mastodon.online/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://mastodon.online/tags/sanitizer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sanitizer</a> <a href="https://mastodon.online/tags/webplatfrom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webplatfrom</a>

Ross A. BakerSince v0.132.0, Hugo has experimental support for build-time MathML rendering. I was able to drop my CDN dependency on MathJax.<a href="https://rossabaker.com/configs/website/build-time-math-rendering-in-hugo-with-katex/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rossabaker.com/configs/website/build-time-math-rendering-in-hugo-with-katex/</a><a href="https://social.rossabaker.com/tags/Hugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Hugo</a> <a href="https://social.rossabaker.com/tags/Katex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Katex</a> <a href="https://social.rossabaker.com/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a>

Andrew HelwerThe sad state of epubs for technical publishing. Inline equations are just blurry raster images. No MathML, no vector art. PDF rendering on the right by comparison. There's a long way to go before textbooks become reflowable. Sample taken from a Manning book.<a href="https://discuss.systems/tags/epub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#epub</a> <a href="https://discuss.systems/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://discuss.systems/tags/Math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Math</a>

Andrew HelwerDoes anybody know of a static site generator that statically compiles your math equations to MathML? Note this is different than MathJax or KaTeX or whatever other solution that I believe uses SVGs, rendered either on the backend or in the browser.<a href="https://discuss.systems/tags/static_site_generator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#static_site_generator</a> <a href="https://discuss.systems/tags/KaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#KaTeX</a> <a href="https://discuss.systems/tags/LaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LaTeX</a> <a href="https://discuss.systems/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://discuss.systems/tags/AskFedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AskFedi</a>

Timo Tijhof<a href="https://mathstodon.xyz/@dginev" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@dginev</a> I hope this will resolve issues like these two in Firefox, which currently make MathML look considerably worse and less intuitive than Chrome, which does implement a ship a suitable math font (compared to how formulas have long been written in papers with LaTeX).<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1788937" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=1788937</a><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=295193" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=295193</a>See also: <a href="https://www.mediawiki.org/wiki/Extension:Math/Native_MathML_rollout_(2024)" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.mediawiki.org/wiki/Extension:Math/Native_MathML_rollout_(2024)</a><a href="https://www.mediawiki.org/wiki/Extension:Math/Native_MathML/Reported_Cases" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.mediawiki.org/wiki/Extension:Math/Native_MathML/Reported_Cases</a><a href="https://fosstodon.org/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://fosstodon.org/tags/interop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop</a> <a href="https://fosstodon.org/tags/MediaWiki" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MediaWiki</a> <a href="https://fosstodon.org/tags/Wikipedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Wikipedia</a> <a href="https://fosstodon.org/tags/maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#maths</a>

Ana Tudor 🐯I'm also on Bluesky 🦋 and here's a little special after getting to a 😈 number of followers there: Number of the Beast - the alarming clock! ⏰<a href="https://codepen.io/thebabydino/pen/joarrz" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/joarrz</a><a href="https://mastodon.social/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a>, CSS grid, <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> mathematical functions. PS - can you spot what other song is being referenced? 🤭 <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/fun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fun</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/IronMaiden" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IronMaiden</a>

Andrew HelwerDoes anybody know of an existing textbook in mathematics with equations written in MathML that is available as an epub with reflowable text? Or are we still probably 5-10 years away from that being the norm and are stuck with PDFs until then?<a href="https://discuss.systems/tags/AskFedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AskFedi</a> <a href="https://discuss.systems/tags/epub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#epub</a> <a href="https://discuss.systems/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a>

Deyan GinevAre you excited about better formula support in browsers? Help us with 30 seconds of your time.You can give a Github thumbs up 👍 to MathML's 2025 interoperability requests:Math Rendering: <a href="https://github.com/web-platform-tests/interop/issues/787" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://github.com/web-platform-tests/interop/issues/787</a>Math+CSS Styling: <a href="https://github.com/web-platform-tests/interop/issues/861" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://github.com/web-platform-tests/interop/issues/861</a><a href="https://mathstodon.xyz/tags/MathML" class="mention hashtag" rel="tag">#MathML</a> <a href="https://mathstodon.xyz/tags/interop" class="mention hashtag" rel="tag">#interop</a> <a href="https://mathstodon.xyz/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> <a href="https://mathstodon.xyz/tags/CSS" class="mention hashtag" rel="tag">#CSS</a>

Recent searches

Search options

Administered by:

Server stats:

#mathml