Question

我想在我的网页上写一些复杂的数学方程式。是否有插件或其他任何内容？

Answer 1

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

Answer 2

对于复杂方程，MathJax是当前的实际解决方案。 MathML原则上是一种更具结构性的方法，但浏览器支持相当有限，且质量往往质疑。

然而，复杂性是相对的。对某些人来说， E = mc ²或∂/∂ t + v ⋅∇可能很复杂，只需在CSS的帮助下使用HTML就可以很好地编写这样的结构;请参阅我的页面Math in HTML (and CSS)。

Answer 3

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

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

对于Firefox，他们在MathML

上有一篇非常具有描述性的文章

Answer 4

如果您不想在HTML中实施任何JavaScript，可以使用CodeCogs＆＃39;公式编辑器工具（http://www.codecogs.com/latex/about.php）。

它非常易于使用。您所做的只是使用按钮界面来编写方程式，并立即生成HTML图像链接。当您运行HTML时，将在CodeCogs＆＃39;上生成图像。服务器并在您的站点中实现。这是一个非常舒适的工具。

Answer 5

使用mathjax的快速示例：

加载cdn :(请务必指定?config=选项，因为它不会包含在recommended cdn link - default中工作正常）：

<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=default'></script>

然后，在你的html中简单地将等式包装在$$ {equation here} $$

中

e.g。 $$ {J(\theta) =\frac{1}{2m} [\sum^m_{i=1}(h_\theta(x^{(i)}) - y^{(i)})2 + \lambda\sum^n_{j=1}\theta^2_j} $$

它应该在页面上显示为方程式。

Answer 6

我知道这有点晚了。但是想提一下 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编写数学公式的更多信息。

Answer 7

您可以使用KaTeX https://katex.org/。只需将内容复制并粘贴到head标签中，然后将其粘贴到您的html文件中即可。在体内进入$latex code here$内部的乳胶。您可以在GitHub上查看它比MathJax更快。我引用了javascript Katex not rendering，您可以在Github上查看它。它与主要的浏览器兼容，下面是带有autorendering选项的示例代码。

<!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>

如何在html中编写方程式？

7 个答案: