Запись математических формул на языке HTML

201
02 января 2020, 05:30

Только не смейтесь над вопросом. Можно ли использовать этот язык для полноценной записи формул?

Не пойму. Здесь показано, как установить знак доллара в качестве математического разделителя, а у меня не получается:

MathJax.Hub.Config({ 
  tex2jax: { 
    inlineMath: [['$','$'], ['\\(','\\)']], 
    processEscapes: true 
  } 
}); 
<script  
 
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
     
$\sqrt{p+1}$ падать 
\(\sqrt{p+1}\)

Это опять у меня браузеры косячат, или действительно код ошибочный?

Answer 1

Вот какое-то такое решение Вам наверняка подойдет:

https://www.mathjax.org/

<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
<h2>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</h2>

https://github.com/mathquill

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.css" /> 
<span id="problem">ax^2 + \sqrt{bx} + \frac{3}{2}c = 0</span> 
<script> 
  var MQ = MathQuill.getInterface(2); 
  MQ.StaticMath(document.getElementById('problem')); 
</script>

Answer 2

Нашел:

<script type="text/x-mathjax-config"> 
  MathJax.Hub.Config({ TeX: { extensions: ["AMSmath.js", "AMSsymbols.js"] }}); 
MathJax.Hub.Config({ 
  tex2jax: { 
    inlineMath: [['$','$'], ['\\(','\\)']], 
    processEscapes: true 
  } 
}); 
</script> 
 
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
$x_{1,\,2}=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$ что-то написано  $\dfrac{d^{2}y}{dx^{2}}=\dfrac{d\left(\dfrac{dy}{dx}\right)}{dx}$

Заменил ссылку.

Answer 3

Я тут покопался. Нашел похожее решение. Но, к сожалению, не все его части здесь функционируют:

<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
\(\frac{1}{2}\) /*проверки для*/ 
\(\require{color}\)  
\(\color{green}{p}\) /*цвет подключить удалось*/ 
\(\require{bbox}\)  
\(\bbox[red,2pt]{x+1}\) /*а вот bbox -нет*/

А так, решение такое: 

<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
\(\frac{1}{2}\) /*чисто для проверки*/ 
/*А решение вот:*/ 
\(\bbox[0.5mm,black]{\textcolor{white}{\mbox{Shift}}}+\bbox[0.5mm,black]{\textcolor{white}{\mbox{A}}}\)

В результате получаю вот что :

Скажите, пожалуйста, вот со стороны так глаза не очень режет? Хотел уголки у клавиш закруглить. Но почему-то секунду после загрузки страницы они, действительно закруглены, а потом становятся прямыми.

READ ALSO
Jquery не меняется label в input file
jQuery

Jquery не меняется label в input file

Имеется input file внутри формы (form), а форма внутри списка(ul)

 187
Активность пользователя и блокировка
jQuery

Активность пользователя и блокировка

Пользователь оставляет открытой страницу браузера (может не появляться сутки), но так как страница открыта, то все фоновые Ajax-запросы выполняются...

 167
Остановить анимацию и вызвать ее callback?
jQuery

Остановить анимацию и вызвать ее callback?

Эксперты, необходимо остановить анимацию jquery и вызвать callback-функцию, как остановить я знаю,stop(true, true), но как вызвать callback-функцию этой анимации...

 178
JQuery each event
jQuery

JQuery each event

Есть плагин JQuery, который работает с элементами на странице

 198