Arhn - архитектура программирования

mathjax в новых окнах

У меня есть тестовый код для игры с MathJax, он должен показать некоторые пронумерованные математические уравнения, на которые можно ссылаться, и кнопку, которая предназначена для открытия новых окон в браузере с тем же математическим содержимым...

<!DOCTYPE html>
<html>
<head>
<title>MathJax Equation References</title>
<!-- Copyright (c) 2012-2013 The MathJax Consortium -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <script type="text/x-mathjax-config">
         MathJax.Hub.Config({
           jax: ["input/TeX","output/HTML-CSS"],
           extensions: ["tex2jax.js"],
           tex2jax: {
             inlineMath: [["$","$"],["\\(","\\)"]],
             displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
           },
           TeX: {
               extensions: ["AMSmath.js"],
               equationNumbers: {  autoNumber: "AMS"  }  //automatic eqn numbering !!!
           }
         });
   </script>

<script type="text/javascript" async  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
</head>
<body>
<div id="content">
In equation \eqref{eq:sample}, we find the value of an
interesting integral:

\begin{equation}
  \int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}
  \label{eq:sample}
\end{equation}
<h1>A test of Equation References</h1>

<hr>
Here is a labeled equation:

\begin{equation}x+1\over\sqrt{1-x^2}\label{ref1}\end{equation}
with a reference to ref1: \ref{ref1},
and another numbered one with no label:
$$x+1\over\sqrt{1-x^2}$$
This one uses \nonumber:
$$x+1\over\sqrt{1-x^2}\nonumber$$
<hr>
Here's one using the equation environment:
\begin{equation}
x+1\over\sqrt{1-x^2}
\end{equation}
and one with equation* environment:
\begin{equation*}
x+1\over\sqrt{1-x^2}
\end{equation*}
<br><br><br>
<hr>
</div>


 <button onclick="myFunction()">Try it</button>
<br><br><br>
<script>
var contents=document.getElementById("content").innerHTML;
function myFunction(){
    var myWindow = window.open("", "_blank", "toolbar=yes,width=400,height=400");
    myWindow.document.write('  <!DOCTYPE html><html><head><title>MathJax Equation References</title><!-- Copyright (c) 2012-203 The MathJax Consortium --><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" />  <script type="text/x-mathjax-config">         MathJax.Hub.Config({           jax: ["input/TeX","output/HTML-CSS"],           extensions: ["tex2jax.js"],           tex2jax: {             inlineMath: [["$","$"],["\\(","\\)"]],             displayMath: [ ["$$","$$"], ["\\[","\\]"] ],             processEscapes: true,             processEnvironments: true           },           TeX: {               extensions: ["AMSmath.js"],               equationNumbers: {  autoNumber: "AMS"  }  //automatic eqn numbering !!!           }         });   </scr'+'ipt><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></scr'+'ipt></head><body>'+contents+'</div><br><br><br></body></html>');
    setTimeout(function(){ myWindow.stop(); }, 15000);  // assures that the windows stop loading after at most 15s
}
</script>


</body>
</html>

но математический контент на новой странице не отображается при загрузке страницы, есть подсказки, как это исправить? Тег <head> и в основном, и в новом окнах одинаковый...

заранее спасибо

14.12.2018

Ответы:


1

Вы поместили всю конфигурацию MathJax в одну строку, но оставили внутри нее комментарий:

//automatic eqn numbering !!! } }); </scr'+'ipt>

Это приводит к тому, что последний }}); закомментирован, что, в свою очередь, нарушает конфигурацию (теперь это недопустимый JavaScript).

Просто удалите //automatic eqn numbering !!!

Если вы откроете консоль разработчика, вы найдете сообщение об ошибке, которое могло бы стать хорошей отправной точкой для отладки.

14.12.2018
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..