51

我想在我的网页上写一些复杂的数学方程。有任何插件或任何东西吗?

4

7 回答 7

47

试试 mathjax http://www.mathjax.org/。我个人觉得非常好。

于 2012-09-14T20:12:55.353 回答
23

对于复杂的方程,MathJax是当前实用的解决方案。MathML原则上是一种结构性更强的方法,但浏览器支持相当有限,而且质量通常有问题。

然而,复杂性是相对的。对某些人来说,E = mc ² 或 ∂/∂<em>t + v ⋅ ∇ 可能很复杂,在 CSS 的帮助下,仅使用 HTML 就可以很好地编写这样的结构;在 HTML(和 CSS)中查看我的页面数学

于 2012-09-15T17:13:31.027 回答
5

如果您不想在 HTML 中实现任何 JavaScript,可以使用 CodeCogs 的方程式编辑器工具 ( http://www.codecogs.com/latex/about.php )。

它真的很容易使用。您所要做的就是使用按钮界面来编写您的方程式,并立即生成一个 HTML 图像链接。当您运行 HTML 时,图像将在 CodeCogs 的服务器上生成并在您的站点中实施。这是一个非常舒适的工具。

于 2016-03-22T13:52:10.070 回答
5

使用快速示例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} $$

它应该在页面上显示为一个等式。

于 2018-06-05T04:51:07.927 回答
3

你可以试试这个。有点过时了,所以不确定它是如何工作的:

http://www.w3.org/Math/

对于 Firefox,他们有一篇关于MathML的描述性文章

于 2012-09-14T20:15:00.147 回答
2

我知道这有点晚了。但是想提一下我个人发现的jqMath ,它比 MathJax 更简单、更轻量级。

在此处查找详细信息:https ://mathscribe.com/author/jqmath.html

这些文件可以从https://mathscribe.com/downloads/mathscribe-win-0.4.6.zip下载

要使用这个,

  1. 解压下载的文件
  2. 找到jqmath-etc-0.4.6.min.jsjqmath-0.4.3.css 文件,并将它们包含在您的 html 中
  3. 确保您的 html<meta charset="utf-8">在该<head>部分中有。
  4. 在使用这些之前还包括jQuery 。

现在您可以在 html 或网页中编写数学方程式和公式。

访问上面的链接以了解有关如何使用 jqMath 编写数学公式的更多信息。

于 2018-02-12T18:24:28.230 回答
1

您可以使用 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>

于 2020-10-17T07:10:02.333 回答