How to get the ParseError from the auto-render extension? #2616

q2apro · 2020-10-28T07:30:47Z

q2apro
Oct 28, 2020

I am using the Auto-render extension heavily (github).

I use the error handling like this:

renderMathInElement(document.body, {
	delimiters: [
		{left: "$$", right: "$$", display: true},
		{left: "\\(", right: "\\)", display: false},
		{left: "\\[", right: "\\]", display: false},
	],
	macros: {
		":": "{\\char`:}",
		",": "{\\char`,}",
		"·": "{\\char`·}",
	},
	fleqn: true,
	errorCallback: function(error) 
	{
		// LATEX ERROR FOUND - Katex cannot parse
		// show error box bottom right
		var $div = $("<div>", {id: "dialog-box-error", "class": "error-bg" });
		// $div.click( function(){ $(this).remove() });
		$('.main').append($div);
		$div.text(error.replace('\\(', '').replace('\\)', '').replace(' with', ''));
		//console.log(error);
	},
	preProcess: (math) => math.replace(/&nbsp;/g, ' '),
});
console.log('Katex rendered');

With autorender I get (example):

KaTeX auto-render: Failed to parse a_N(150 \frac{ \mbox {km}}{\text{h}})=\frac{v^2}{r}=\frac{ \left(150 \frac{ \mbox {km}}{\text{h}} \right) ^2 }{200\text{m} }= \frac{\left( 150\frac{1000\mbox {m}}{3600\text{s}} \right)^2 }{200\text{m}} \approx 8,681 \frac{\text{m}}{\text{s}^2}KaTeX auto-render: Failed to parse s=v_0 \cdot t + \frac{1}{2}a_T \cdot t^2=120 \frac{\mbox {km}}{\text{h}} \cdot 3\text{s} + \frac{1}{2} 2,778\frac{\text{m}}{\text{s}^2} \cdot (3\text{s})^2=112,5\text{m} with

With Katex error handling, however, I get:

KaTeX auto-render: Failed to parse s=v_0 \cdot t + \frac{1}{2}a_T \cdot t^2=120 \frac{\mbox {km}}{\text{h}} \cdot 3\text{s} + \frac{1}{2} 2,778\frac{\text{m}}{\text{s}^2} \cdot (3\text{s})^2=112,5\text{m} with ParseError: KaTeX parse error: Undefined control sequence: \mbox at position 53: … t^2=120 \frac{\̲m̲b̲o̲x̲ ̲{km}}{\text{h}}…

The important part is missing:

ParseError: KaTeX parse error: Undefined control sequence: \mbox at position 53: … t^2=120 \frac{\̲m̲b̲o̲x̲ ̲{km}}{\text{h}}…

How to get the ParseError message in the callback?

kevinbarabash · 2020-12-11T22:16:17Z

kevinbarabash
Dec 11, 2020
Maintainer

This will require code changes to the auto-render extension. Can you file an issue for this?

1 reply

q2apro Dec 13, 2020
Author

#2682

jmooring · 2024-12-31T01:14:24Z

jmooring
Dec 31, 2024

The errorCallback below opens an alert window and displays the first line of the error stack, something like:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Hl1YQqzUOEleOLALmuqehneUG+vnGctmUb0ZY0l8" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>
<script>
  document.addEventListener("DOMContentLoaded", () => {
    renderMathInElement(document.body, {
      delimiters: [
        { left: '\\[', right: '\\]', display: true }, // block
        { left: '$$', right: '$$', display: true },   // block
        { left: '\\(', right: '\\)', display: false }, // inline
      ],
      throwOnError: true,
      errorCallback: (msg, error) => alert(error.stack.split('\n')[0]),
    });
  });
</script>

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to get the ParseError from the auto-render extension? #2616

{{title}}

Replies: 2 comments 1 reply

{{title}}

{{title}}

{{title}}

Select a reply

How to get the ParseError from the auto-render extension? #2616

q2apro Oct 28, 2020

Replies: 2 comments · 1 reply

kevinbarabash Dec 11, 2020 Maintainer

q2apro Dec 13, 2020 Author

jmooring Dec 31, 2024

q2apro
Oct 28, 2020

Replies: 2 comments 1 reply

kevinbarabash
Dec 11, 2020
Maintainer

q2apro Dec 13, 2020
Author

jmooring
Dec 31, 2024