我想在我的网页上写一些复杂的数学方程。有任何插件或任何东西吗?
7 回答
试试 mathjax http://www.mathjax.org/。我个人觉得非常好。
如果您不想在 HTML 中实现任何 JavaScript,可以使用 CodeCogs 的方程式编辑器工具 ( http://www.codecogs.com/latex/about.php )。
它真的很容易使用。您所要做的就是使用按钮界面来编写您的方程式,并立即生成一个 HTML 图像链接。当您运行 HTML 时,图像将在 CodeCogs 的服务器上生成并在您的站点中实施。这是一个非常舒适的工具。
使用快速示例mathjax
:
加载 CDN:(确保指定一个?config=
选项,因为它不包含在推荐的 CDN 链接中-default
工作正常):
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=default'></script>
然后,在您的 html 中,只需将等式包装在里面$$ {equation here} $$
例如$$ {J(\theta) =\frac{1}{2m} [\sum^m_{i=1}(h_\theta(x^{(i)}) - y^{(i)})2 + \lambda\sum^n_{j=1}\theta^2_j} $$
它应该在页面上显示为一个等式。
我知道这有点晚了。但是想提一下我个人发现的jqMath ,它比 MathJax 更简单、更轻量级。
在此处查找详细信息:https ://mathscribe.com/author/jqmath.html
这些文件可以从https://mathscribe.com/downloads/mathscribe-win-0.4.6.zip下载
要使用这个,
- 解压下载的文件
- 找到jqmath-etc-0.4.6.min.js和jqmath-0.4.3.css 文件,并将它们包含在您的 html 中
- 确保您的 html
<meta charset="utf-8">
在该<head>
部分中有。 - 在使用这些之前还包括jQuery 。
现在您可以在 html 或网页中编写数学方程式和公式。
访问上面的链接以了解有关如何使用 jqMath 编写数学公式的更多信息。
您可以使用 KaTeX https://katex.org/。只需复制并粘贴 head 标签中的内容并将其粘贴到您的 html 文件中。身体内部进入乳胶内部\(latex code here\)
。你可以在 GitHub 上查看它,它比 MathJax 更快。我参考了javascript Katex not rendering你可以在 Github 上查看。它适用于主要浏览器下面是带有自动渲染选项的示例代码。
<!DOCTYPE html>
<!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly -->
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.css" integrity="sha384-D+9gmBxUQogRLqvARvNLmA9hS2x//eK1FhVb9PiU86gmcrBrJAQT8okdJ4LMp2uv" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.js" integrity="sha384-483A6DwYfKeDa0Q52fJmxFXkcPCFfnXMoXblOkJ4JcA8zATN6Tm78UNL72AKk+0O" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/contrib/auto-render.min.js" integrity="sha384-yACMu8JWxKzSp/C1YV86pzGiQ/l1YUfE8oPuahJQxzehAjEt2GiQuy/BIvl9KyeF" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
</head>
<body>
<p>\(x^2 = \sqrt{y}\)</p><br>
<p style="color:blue;font-size:25px;">\(\frac {-b\pm\sqrt{b^2 - 4ac}}{2a}\)</P>
</body>
</html>