fixup! ✨(forum) enables latext mathematical syntax

openfun · Dec 21, 2022 · 63f1bd6 · 63f1bd6
1 parent ba213b9
commit 63f1bd6
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/src/ashley/editor/decorators.py b/src/ashley/editor/decorators.py
@@ -99,7 +99,9 @@ def inlinetex(props):
  """
  Decorator for the `INLINETEX` entity in Draft.js ContentState.
  """
- return DOM.create_element("span", {"class": "latex-inline"}, props.get("tex", None))
+ return DOM.create_element(
+ "span", {"class": "ashley-custom-latex-inline"}, props.get("tex", None)
+ )
 
 
 def render_children(props):
@@ -110,7 +112,7 @@ def render_children(props):
  if props.get("block").get("data").get("type") == "TEXBLOCK":
  return DOM.create_element(
  "span",
- {"class": "latex-display"},
+ {"class": "ashley-custom-latex-display"},
  props.get("block").get("data").get("tex", None),
  )
 

diff --git a/src/frontend/js/utils/latex.ts b/src/frontend/js/utils/latex.ts
@@ -1,10 +1,10 @@
 import katex from 'katex';
 
 export const renderLatex = () => {
- document.querySelectorAll('[class^=latex]').forEach((math) => {
+ document.querySelectorAll('[class^=ashley-custom-latex]').forEach((math) => {
  if (math.textContent) {
  math.innerHTML = katex.renderToString(math.textContent, {
- displayMode: math.classList.contains('latex-display'),
+ displayMode: math.classList.contains('ashley-custom-latex-display'),
  });
  }
  });

diff --git a/tests/ashley/draftjs_exporter/test_draftjs_exporter_decorator_latex.py b/tests/ashley/draftjs_exporter/test_draftjs_exporter_decorator_latex.py
@@ -15,7 +15,7 @@ def test_custom_decorator_inlinetex_ok(self):
  tex = "\left.\frac{x^3}{3}\right|_0^1" # noqa: W605
  self.assertEqual(
  DOM.render(DOM.create_element(inlinetex, {"tex": tex})),
- f'<span class="latex-inline">{tex}</span>',
+ f'<span class="ashley-custom-latex-inline">{tex}</span>',
  )
 
  def test_custom_decorator_inlinetex_empty(self):
@@ -25,7 +25,7 @@ def test_custom_decorator_inlinetex_empty(self):
  """
  self.assertEqual(
  DOM.render(DOM.create_element(inlinetex, {"tex": ""})),
- '<span class="latex-inline"></span>',
+ '<span class="ashley-custom-latex-inline"></span>',
  )
 
  def test_custom_decorator_inlinetex_no_maths(self):
@@ -35,7 +35,7 @@ def test_custom_decorator_inlinetex_no_maths(self):
  """
  self.assertEqual(
  DOM.render(DOM.create_element(inlinetex, {"tex": "a common string"})),
- '<span class="latex-inline">a common string</span>',
+ '<span class="ashley-custom-latex-inline">a common string</span>',
  )
 
  def test_custom_decorator_displaytex_ok(self):
@@ -59,7 +59,7 @@ def test_custom_decorator_displaytex_ok(self):
  },
  )
  ),
- f'<span class="latex-display">{tex}</span>',
+ f'<span class="ashley-custom-latex-display">{tex}</span>',
  )
 
  def test_custom_decorator_displaytex_empty(self):
@@ -81,7 +81,7 @@ def test_custom_decorator_displaytex_empty(self):
  },
  )
  ),
- '<span class="latex-display"></span>',
+ '<span class="ashley-custom-latex-display"></span>',
  )
 
  def test_custom_decorator_displaytex_no_maths(self):
@@ -103,7 +103,7 @@ def test_custom_decorator_displaytex_no_maths(self):
  },
  )
  ),
- '<span class="latex-display">a common string</span>',
+ '<span class="ashley-custom-latex-display">a common string</span>',
  )
 
  def test_custom_decorator_displaytex_no_malformed(self):
@@ -125,5 +125,5 @@ def test_custom_decorator_displaytex_no_malformed(self):
  },
  )
  ),
- '<span class="latex-display"></span>',
+ '<span class="ashley-custom-latex-display"></span>',
  )