如何在 JSON 中编写 Mathjax 公式并放入 HTML？

Question

我的 JSON 文件包含一个 Mathjax 公式：

Mathjax 公式显示不正确，它在编写时显示。当我将该公式直接放入 HTML 时，它可以正常工作，并按应有的方式显示公式。我该怎么办？提前致谢。

const currentQuestion = {
  "question": "\\[x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.\\]",
  "choice1": "kw",
  "choice2": "k22",
  "choice3": "k3",
  "answer": 3
}

const choices = document.querySelectorAll(".choice-text");

choices.forEach((choice) => {
  const number = choice.dataset['number'];
  choice.innerHTML = currentQuestion['choice' + number];
});

<h2 id="question">Koji je odgovor na sledeca pitanja</h2>
<div class="choice-container">
  <p class="choice-prefix">A</p>
  <p class="choice-text" data-number="1">Choice 1</p>
</div>
<div class="choice-container">
  <p class="choice-prefix">B</p>
  <p class="choice-text" data-number="2">Choice 2</p>
</div>
<div class="choice-container">
  <p class="choice-prefix">C</p>
  <p class="choice-text" data-number="3">Choice 3</p>
</div>

Answer 1

这对我有用。忽略 localStorage 警告

我从manual得到了数学脚本文件的url

注意：JSON 需要转义反斜杠：

const questions = JSON.parse(`[{"question":"\\\\[x = {-b \\\\pm \\\\sqrt{b^2-4ac} \\\\over 2a}.\\\\]","choices":["kw","k22","k3"],"answer":2},{"question":"\\\\[x = {-b \\\\pm \\\\sqrt{b^2-4ac} \\\\over 2a}.\\\\]","choices":["kw","k22","k3"],"answer":2},{"question":"\\\\[x = {-b \\\\pm \\\\sqrt{b^2-4ac} \\\\over 2a}.\\\\]","choices":["kw","k22","k3"],"answer":2}]`)

const letters  = "ABCDEF";
const html = questions.map((question,i) => {
  const choices = question.choices.map((choice,i) => `<p class="choice-prefix">${letters[i]}</p>
  <p class="choice-text" data-number="${(i+1)}">${choice}</p>`).join("");
  return `<h3>${question.question}</h3><div class="choice-container">${choices}</div>`
}).join("")

document.getElementById("questions").innerHTML = html;

console.log(JSON.stringify(questions))

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<h2>Koji je odgovor na sledeca pitanja</h2>
<div  id="questions"></div>