MathJax是一个开源JavaScript引擎,可以轻松地在网页上嵌入数学方程式,符号和公式。还有一个服务器端版本,它为MathJax提供命令行和nodejs接口。
我正在尝试制作一个按钮,当至少按下一次时,由 MathJax 制作的数学符号/方程会出现在我网页上的指定位置。到目前为止,这就是我所拥有的 //在JS中 //当...
如何在AstroJS项目中使用MathJax在构建过程中将页面上的所有\[tex\]代码排版为MathML代码
我在最近的项目中开始使用 AstroJS 作为静态站点生成器。使用 AstroJS 的主要优点是能够在 .astro 文件的 --- --- code fences 部分运行 JS 代码以生成...
我正在从MathJax 2迁移到MathJax 3。在之前的版本中,当Tex方程错误时,MathJax会显示错误。从版本 3 开始,不再显示该错误。有没有办法
为什么 MathJax html-css 中的文本在同一分数部分会出现不同字母大小的分数,以及如何防止这种情况?
目前我正在尝试使用 MathJax 2 将一些公式放入 doxygen (1.8.20) 生成的 HTML 文档中 不知何故,我不明白为什么在 ext{TEST} 中所有字母的大小相同,但在 rac 中...
我想在Blogspot中编写Latex方程,所以我选择了一个动态模板并将HTML代码粘贴到标签后面。 // <![CDATA[ </desc> <question vote="3"> <p>我想在 Blogspot 中编写 Latex 方程,所以我选择了一个动态模板并将 <pre><code>HTML code</code></pre> 粘贴到 <pre><code><head></code></pre> 标签后面。</p> <pre><code><script type="text/x-mathjax-config"> // <![CDATA[ MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], displayMath: [['\\[','\\]'], ['$$','$$']]}}); blogger.ui().viewType_.prototype.onRenderComplete=function(){MathJax.Hub.Queue(['Typeset',MathJax.Hub])}; // ]]> </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> </code></pre> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL20zSDA5LnBuZw==" alt="enter image description here"/> 插入一些输入后,我没有得到乳胶输出。我使用了另一种方法,但它不起作用。如何明确修复它? <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1RkNXdyLnBuZw==" alt="enter image description here"/></p> </question> <answer tick="false" vote="4"> <p>忘记“”之类的东西。 Latex 输出不会出现在预览模式中,但<strong>当您发布该帖子时</strong>它将正确显示。</p> <p><strong>原因</strong>:预览网址是 https 网址,看起来像 <a href="https://blogname.blogspot.com/b/post-preview?token=fsdbkdsbkjsdfnkjsdnf&postId=32798437243279&type=POST" rel="nofollow">https://blogname.blogspot.com/b/post-preview?token=fsdbkdsbkjsdfnkjsdnf&postId=32798437243279&type=POST</a>。由于页面是 https,您的浏览器尝试加载脚本 <a href="http://cdn.mathjax.org/mathjax/latest/MathJax.js" rel="nofollow">http://cdn.mathjax.org/mathjax/latest/MathJax.js</a> 也作为 https 加载,这会生成证书错误。</p> <p>由于您博客的查看者永远不会在 https 中打开它,因此他们永远不会遇到这个问题。 <strong>如果您想查看具有正确乳胶输出的预览,只需单击“预览”按钮即可。当页面加载时,将 url 中的 https 替换为 http,然后 Bingo!!</strong></p> </answer> <answer tick="false" vote="0"> <p>我的解决方案是使用插件,而不是使用博客模板 <a href="http://markdown-here.com/" rel="nofollow noreferrer">http://markdown-here.com/</a></p> <p>只需写下你的方程 $sum_2^n{\pi}$</p> <p>请注意,美元符号和方程式之间没有空格。</p> <p>或者,另一个在线 Markdown 工具是 <a href="https://stackedit.io/" rel="nofollow noreferrer">https://stackedit.io/</a> 。它是免费的,并提供直接输出到 Blogger。陷阱是您编写的内容会缓存在浏览器中。当缓存中有 10 个以上文档时,显示会出现严重的时间滞后。</p> <p>对于不熟悉Latex方程的人,这里有一个参考:<a href="http://www.hostmath.com/" rel="nofollow noreferrer">http://www.hostmath.com/</a></p> </answer> <answer tick="false" vote="0"> <p>我也遇到了同样的问题,几天来一直想知道为什么在添加 CDN 后 LaTeX 方程没有正确渲染。由于无法找到描述性答案,我决定为像我这样的人提供一个。</p> <pre><code><script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"> </script> </code></pre> <p>请注意,您的代码没有错误。 Blogger 的文本编辑器会在您的输入之上添加 HTML,这就是它无法正确呈现的原因。您需要在 Blogger 帖子的 HTML 模式下编写 LaTeX 方程(从左上角标题中选择 HTML 视图)..</p> </answer> </body></html>
如何在 Pandoc Markdown 中对乳胶方程进行编号? (例如,使用方程环境)
在 Pandoc markdown 中,我可以使用 '$$' 来启动显示数学环境。然而,这些方程在乳胶中没有编号,所以我希望改用方程环境,如下所示: 埃金{等于...
使用 wkhtmltopdf 将 MathJax 转换为 pdf 产生的数学值太小
通过使用基于wkhtmltopdf的pdfkit-python,我成功地将MathJaxin转换为pdf。 wkhtmltopdf 配置选项如下: 选项={ '安静的': '', 'javascript-延迟' : '5...
我试图表示一个基本向量,以下代码适用于 Visual Studio Code。 我正在使用以下行 $egin{bmatrix}X\Y nd{bmatrix}$ 所有空格均已删除。它应该看起来像...
我正在生成一个 SVG 文档,并且有一个从 LaTeX 生成 SVG 的库。 我正在生成一个 SVG 文档,并且有一个从 LaTeX 生成 SVG 的库。 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="500px" height="300px" id="svgSurface"> <svg viewBox="0 -883.9 1186.6 883.9" x="0" y="0" width="100"> <defs> <path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path> <path id="MJX-1-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path> </defs> <g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1,0,0,-1,0,0)"> <g data-mml-node="math"> <g data-mml-node="msup"> <g data-mml-node="mi"></g> <g data-mml-node="TeXAtom" transform="translate(33,413) scale(0.707)" data-mjx-texclass="ORD"> <g data-mml-node="mn"> <use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use> </g> </g> </g> <g data-mml-node="mtext" transform="translate(436.6,0)"> <use data-c="48" xlink:href="#MJX-1-TEX-N-48"></use> </g> </g> </g> </svg> </svg> 它本质上是一个引用 defs 中路径的组。我希望能够调整整个嵌入 SVG 部分的大小。我设置了 x 和 y,没有任何反应,我将宽度设置为 100 并且它调整大小,不是 100 而是 90。什么并且也改变了高度?我知道 <g> 填充了它的容器,但它似乎也影响了容器? https://jsfiddle.net/thk9cago/ 我希望嵌入 SVG 中的内容能够根据 x、y 和宽度属性调整大小和位置。 首先要注意的是,嵌入的 SVG 有一个 viewBox 属性,这会带来几个后果。首先,这意味着如果您指定其尺寸之一而不是另一个,那么第二个尺寸将被缩放以保持纵横比,就像图像一样。因此,当您将宽度设置为 100 时,高度也会缩放。 其次,这意味着嵌套SVG的定位由preserveAspectRatio属性决定。这说明了如何在周围的 SVG 中放置和缩放嵌套的 SVG。默认值为 xMidYMid,它应将嵌套的 SVG 置于外部 SVG 的中心。然而,显然,设置 width 会覆盖 x 定位,并且最终会左对齐(同样,设置 height 将覆盖默认的 y 定位)。您可能需要使用 preserveAspectRatio="xMinYMin" 将嵌套的 svg 放置在左上角: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="500px" height="300px" id="svgSurface" style="background-color: yellow; border: 1px solid black"> <svg viewBox="0 -883.9 1186.6 883.9" x="0" y="0" width="100" preserveAspectRatio="xMinYMin"> <defs> <path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path> <path id="MJX-1-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path> </defs> <g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1,0,0,-1,0,0)"> <g data-mml-node="math"> <g data-mml-node="msup"> <g data-mml-node="mi"></g> <g data-mml-node="TeXAtom" transform="translate(33,413) scale(0.707)" data-mjx-texclass="ORD"> <g data-mml-node="mn"> <use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use> </g> </g> </g> <g data-mml-node="mtext" transform="translate(436.6,0)"> <use data-c="48" xlink:href="#MJX-1-TEX-N-48"></use> </g> </g> </g> </svg> </svg> 您的 x 和 y 属性正在工作,但它们相对于默认位置(在您的情况下是左齐平并垂直居中)。使用 xMinYMin 设置时,它们相对于左上角,如下例所示: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="500px" height="300px" id="svgSurface" style="background-color: yellow; border: 1px solid black"> <svg viewBox="0 -883.9 1186.6 883.9" x="150" y="75" width="100" preserveAspectRatio="xMinYMin"> <defs> <path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path> <path id="MJX-1-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path> </defs> <g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1,0,0,-1,0,0)"> <g data-mml-node="math"> <g data-mml-node="msup"> <g data-mml-node="mi"></g> <g data-mml-node="TeXAtom" transform="translate(33,413) scale(0.707)" data-mjx-texclass="ORD"> <g data-mml-node="mn"> <use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use> </g> </g> </g> <g data-mml-node="mtext" transform="translate(436.6,0)"> <use data-c="48" xlink:href="#MJX-1-TEX-N-48"></use> </g> </g> </g> </svg> </svg> 宽度也起作用,但请注意,缩放的是 viewBox,而不是内容的边界框,内容可能更大或更小。请注意,在您的情况下,看起来您使用了类似 {}^1\mathrm{H} 的内容,因此上标 1 之前有一点空格,因为 TeX 在底数(甚至是空的)和上标之间放置了一点空格。您可以在下面的示例中看到这一点,该示例只有带有背景颜色的内部 SVG。 <svg viewBox="0 -883.9 1186.6 883.9" width="100" style="background-color:red"> <defs> <path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path> <path id="MJX-1-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path> </defs> <g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1,0,0,-1,0,0)"> <g data-mml-node="math"> <g data-mml-node="msup"> <g data-mml-node="mi"></g> <g data-mml-node="TeXAtom" transform="translate(33,413) scale(0.707)" data-mjx-texclass="ORD"> <g data-mml-node="mn"> <use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use> </g> </g> </g> <g data-mml-node="mtext" transform="translate(436.6,0)"> <use data-c="48" xlink:href="#MJX-1-TEX-N-48"></use> </g> </g> </g> </svg> DOM 检查器可能会为您提供内容的宽度,而不是 viewBox,后者约为 91 像素。 最后,请注意,如果您同时提供 width 和 height 属性,则会保持长宽比(按照默认 preserveAspectRatio 设置的要求),因此即使 svg 元素具有不同的大小,内容也会保持不变。将具有原始纵横比,并将缩放至适合 width 和 height 设置的最大尺寸。例如: <svg viewBox="0 -883.9 1186.6 883.9" width="75" height="150" style="background-color:red"> <defs> <path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path> <path id="MJX-1-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path> </defs> <g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1,0,0,-1,0,0)"> <g data-mml-node="math"> <g data-mml-node="msup"> <g data-mml-node="mi"></g> <g data-mml-node="TeXAtom" transform="translate(33,413) scale(0.707)" data-mjx-texclass="ORD"> <g data-mml-node="mn"> <use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use> </g> </g> </g> <g data-mml-node="mtext" transform="translate(436.6,0)"> <use data-c="48" xlink:href="#MJX-1-TEX-N-48"></use> </g> </g> </g> </svg> 如果要独立缩放两个维度,则需要使用preserveAspectRatio="none"。 <svg viewBox="0 -883.9 1186.6 883.9" width="75" height="150" preserveAspectRatio="none" style="background-color:red"> <defs> <path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path> <path id="MJX-1-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path> </defs> <g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1,0,0,-1,0,0)"> <g data-mml-node="math"> <g data-mml-node="msup"> <g data-mml-node="mi"></g> <g data-mml-node="TeXAtom" transform="translate(33,413) scale(0.707)" data-mjx-texclass="ORD"> <g data-mml-node="mn"> <use data-c="31" xlink:href="#MJX-1-TEX-N-31"></use> </g> </g> </g> <g data-mml-node="mtext" transform="translate(436.6,0)"> <use data-c="48" xlink:href="#MJX-1-TEX-N-48"></use> </g> </g> </g> </svg> 我希望这能澄清您所经历的情况。
我有一个闪亮的 R 应用程序,其中包含许多带有 withMathJax 包的方程。例如: 标签$div(HTML(" MathJax.Hub.Config({ tex2jax:{</desc> <question vote="0"> <p>我有一个闪亮的 R 应用程序,其中包含许多带有 <pre><code>withMathJax</code></pre> 包的方程。例如:</p> <pre><code> tags$div(HTML("<script type='text/x-mathjax-config' > MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$']]} }); </script >")), p(withMathJax("$$n_{\\sf egg_{\\it i}} \\sim {\\sf negative\\,binomial}(\\lambda_{\\sf fecund}, k_{\\sf fecund})$$"), style="text-align: center; font-size:20px;"), </code></pre> <p>退货</p> <p><a href="https://i.stack.imgur.com/5Egfv.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzVFZ2Z2LnBuZw==" alt=""/></a></p> <p>我需要在Word文档中重现所有方程。我可以手动重新创建所有这些,但以编程方式执行此操作会简单得多(特别是当方程发生变化时)。</p> <p>我希望使用pandoc将MathJax转换为LaTeX(类似这样的:<a href="https://stackoverflow.com/a/20501901/9096420">https://stackoverflow.com/a/20501901/9096420</a>),因为word似乎有一个LaTeX选项,但我不知道如何让它发挥作用。有人有更好的主意吗?</p> <hr/> <p>这是我尝试过的:</p> <p>我已经从这里安装了“pandoc-3.1.11.1-windows-x86_64.zip”<a href="https://github.com/jgm/pandoc/releases/tag/3.1.11.1" rel="nofollow noreferrer">https://github.com/jgm/pandoc/releases/tag/3.1.11.1</a>并将其解压缩到我选择的目录中。 按照这个答案对另一个问题(<a href="https://stackoverflow.com/a/29109007/9096420">https://stackoverflow.com/a/29109007/9096420</a>),我在PowerShell中设置了路径:</p> <pre><code>$PATH = [Environment]::GetEnvironmentVariable("PATH") $pandoc_path = "C:\Users\UserName\Documents\Pandoc\pandoc-3.1.11.1\" [Environment]::SetEnvironmentVariable("PATH", "$PATH;$pandoc_path") </code></pre> <p>PowerShell 可以识别 pandoc,但在格式化时遇到问题。 我创建了包含一行的“MathJaxEquations.txt”:</p> <pre><code>n_{\\sf egg_{\\it i}} \\sim {\\sf negative\\,binomial}(\\lambda_{\\sf fecund}, k_{\\sf fecund}) </code></pre> <p>或包裹在<pre><code>$</code></pre>中。当我按照上面的答案并尝试时</p> <pre><code>pandoc -f MathJaxEquations.txt+tex_math_dollars+tex_math_single_backslash -t latex </code></pre> <p>我明白了</p> <pre><code>Unknown input format MathJaxEquations.txt </code></pre> <p>我可以在 R 中使用 regexpr 将我的代码转换为 pandoc 所需的任何内容(除了 R 之外,我从未使用过任何其他语言),但我不太确定如何找出 pandoc 正在寻找的格式(或者如果有更简单的方法)。我的另一个想法是尝试将这些 <pre><code>withMathJax()</code></pre> 行放入 Rmd 中并按照单词编织,但也不知道如何做到这一点。非常感谢任何为我指明正确方向的帮助。</p> </question> <answer tick="false" vote="0"> <p>RMarkdown 绝对可以将数学公式渲染到 Word 中。问题是它需要 LateX 风格的数学,而 MathJax 公式是不同的。上面的公式可以写成:</p> <pre><code>$$n_{ egg_{i}} \sim {\text{negative binomial}}(\lambda_{fecund}, k_{ fecund})$$ </code></pre> <p>如果将其放入 RMarkdown 文档中,它将毫无问题地呈现。问题是,您似乎想在闪亮的应用程序和 Word 文档中使用相同的公式,并且进行 mathjax-LaTeX 转换将至少向管道添加 [一个不同的 pandoc] [1] 步骤。</p> <p>幸运的是,<pre><code>withMathJax</code></pre>函数确实允许您为其提供 LaTeX 公式。因此,您可以仅使用 LaTeX 公式来保持一致。</p> <p>最后一个小问题——公式需要额外的 <pre><code>\</code></pre> 才能作为 R 代码块中的字符。 您可以使用 <pre><code>cat</code></pre> 打印它(无论是直接打印,还是如下所示作为 Shiny 输出的一部分),并告诉块输出 asis,然后您可以渲染到 word。</p> <pre><code>--- title: "Untitled" author: "author" date: "2024-02-03" output: md_document: default html_document: default word_document: default keep_md: yes --- This works in RMarkdown -- but `withMathJax` can't handle the single \ because it escapes the string $$n_{ egg_{i}} \sim {\text{negative binomial}}(\lambda_{fecund}, k_{ fecund})$$ ```{r echo =FALSE, results = 'asis'} t <- shiny::withMathJax("$$n_{ egg_{i}} \\sim {\\text{negative binomial}}(\\lambda_{fecund}, k_{ fecund})$$ ") cat(t[[2]]) # for now, printing from list created above </code></pre> <pre><code> [1]: https://stackoverflow.com/questions/11338049/how-to-convert-html-with-mathjax-into-latex-using-pandoc </code></pre> </answer> </body></html>
有没有办法在MathJax中创建类似amsthm定理环境的东西?我相信该包不受支持。 我在 default.html 中添加了 amsthm.js 但没有任何反应。 <question vote="2"> <p>有没有办法在 MathJax 中创建类似 <pre><code>amsthm</code></pre> 定理环境的东西?我相信该包不受支持。 </p> <p>我在 <pre><code>amsthm.js</code></pre> 中添加了 <pre><code>default.html</code></pre>,但没有任何反应。</p> <pre><code><script type="text/x-mathjax-config"> MathJax.Hub.Config({ TeX: { extensions: ["amsthm.js", "AMSmath.js","AMSsymbols.js", "autobold.js"], } }); </script> </code></pre> </question> <answer tick="false" vote="3"> <p>不。好吧,从技术上讲,您可以编写一个扩展来执行此操作,但这不是 MathJax 的用途。</p> <p>引用 <a href="http://docs.mathjax.org/en/latest/tex.html#mathjax-tex-and-latex-support" rel="nofollow noreferrer">mathjax 文档</a></p> <blockquote> <p>请注意,TeX 输入处理器<strong>仅实现</strong> TeX 和 LaTeX 的数学模式宏,而不是文本模式宏。 MathJax 希望您使用标准 HTML 标签来处理页面文本的格式;它只处理数学。因此,例如,MathJax 不实现 <pre><code>\emph</code></pre> 或 <pre><code>\begin{enumerate}...\end{enumerate}</code></pre> 或其他文本模式宏或环境。您必须使用 HTML 来处理此类格式化任务。如果您需要 LaTeX 到 HTML 转换器,您应该考虑其他选项。</p> </blockquote> </answer> <answer tick="false" vote="0"> <p>手动插入HTML粗体和斜体字体;硬编码计数器。</p> <pre><code><b>Theorem 1.1</b> (Pythagoras) <i>The sum of the squares on the legs of a right triangle equals the square on the hypotenuse.</i> <i>Proof:</i><br> Look it up. <br>&#x25A1; </code></pre> <p><b>定理 1.1</b>(毕达哥拉斯)<i>直角三角形边上的平方和等于斜边上的平方。</i></p> <p><i>证明:</i><br/> 查一下。 <br/>□</p> </answer> </body></html>
使用 MathJax SVG 的 HTML 代码在 XHTML 中不起作用
我有以下test.html: 我有以下test.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> <title> Test </title> <style id="MJX-SVG-styles"> mjx-container[jax="SVG"] { direction: ltr; } mjx-container[jax="SVG"] > svg { overflow: visible; min-height: 1px; min-width: 1px; } mjx-container[jax="SVG"] > svg a { fill: blue; stroke: blue; } mjx-assistive-mml { position: absolute !important; top: 0px; left: 0px; clip: rect(1px, 1px, 1px, 1px); padding: 1px 0px 0px 0px !important; border: 0px !important; display: block !important; width: auto !important; overflow: hidden !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } mjx-assistive-mml[display="block"] { width: 100% !important; } mjx-container[jax="SVG"][display="true"] { display: block; text-align: center; margin: 1em 0; } mjx-container[jax="SVG"][display="true"][width="full"] { display: flex; } mjx-container[jax="SVG"][justify="left"] { text-align: left; } mjx-container[jax="SVG"][justify="right"] { text-align: right; } g[data-mml-node="merror"] > g { fill: red; stroke: red; } g[data-mml-node="merror"] > rect[data-background] { fill: yellow; stroke: none; } g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] { stroke-width: 70px; fill: none; } g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] { stroke-width: 70px; fill: none; } g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed { stroke-dasharray: 140; } g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted { stroke-linecap: round; stroke-dasharray: 0,140; } g[data-mml-node="mtable"] > g > svg { overflow: visible; } [jax="SVG"] mjx-tool { display: inline-block; position: relative; width: 0; height: 0; } [jax="SVG"] mjx-tool > mjx-tip { position: absolute; top: 0; left: 0; } mjx-tool > mjx-tip { display: inline-block; padding: .2em; border: 1px solid #888; font-size: 70%; background-color: #F8F8F8; color: black; box-shadow: 2px 2px 5px #AAAAAA; } g[data-mml-node="maction"][data-toggle] { cursor: pointer; } mjx-status { display: block; position: fixed; left: 1em; bottom: 1em; min-width: 25%; padding: .2em .4em; border: 1px solid #888; font-size: 90%; background-color: #F8F8F8; color: black; } foreignObject[data-mjx-xml] { font-family: initial; line-height: normal; overflow: visible; } mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] { stroke-width: 3; } </style></head> <body> <span>This is some text followed by an equation: <mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.912ex;" xmlns="http://www.w3.org/2000/svg" width="3.619ex" height="2.509ex" role="img" focusable="false" viewBox="0 -705.8 1599.7 1108.8" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mfrac"><g data-mml-node="mi" transform="translate(612.8,394) scale(0.707)"><use data-c="1D44E" xlink:href="#MJX-TEX-I-1D44E"/></g><g data-mml-node="mrow" transform="translate(220,-345) scale(0.707)"><g data-mml-node="mi"><use data-c="1D44F" xlink:href="#MJX-TEX-I-1D44F"/></g><g data-mml-node="mo" transform="translate(429,0)"><use data-c="2B" xlink:href="#MJX-TEX-N-2B"/></g><g data-mml-node="mi" transform="translate(1207,0)"><use data-c="1D450" xlink:href="#MJX-TEX-I-1D450"/></g></g><rect width="1359.7" height="60" x="120" y="220"/></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mfrac><mi>a</mi><mrow><mi>b</mi><mo>+</mo><mi>c</mi></mrow></mfrac></math></mjx-assistive-mml></mjx-container>.</span> <svg style="display: none;" id="MJX-SVG-global-cache"><defs><path id="MJX-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"/><path id="MJX-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"/><path id="MJX-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"/><path id="MJX-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"/></defs></svg></body> </html> 在浏览器中打开它,我得到: 将文件扩展名更改为XHTML(test.xhtml)时,我得到: 方程式不再显示! 我的问题:为什么方程式不显示以及如何使其正确显示? 提前感谢您的帮助! 每个 svg 元素都需要指定其命名空间是 XHTML。你的第二个 svg 元素没有。添加一下就可以了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> <title> Test </title> <style id="MJX-SVG-styles"> mjx-container[jax="SVG"] { direction: ltr; } mjx-container[jax="SVG"] > svg { overflow: visible; min-height: 1px; min-width: 1px; } mjx-container[jax="SVG"] > svg a { fill: blue; stroke: blue; } mjx-assistive-mml { position: absolute !important; top: 0px; left: 0px; clip: rect(1px, 1px, 1px, 1px); padding: 1px 0px 0px 0px !important; border: 0px !important; display: block !important; width: auto !important; overflow: hidden !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } mjx-assistive-mml[display="block"] { width: 100% !important; } mjx-container[jax="SVG"][display="true"] { display: block; text-align: center; margin: 1em 0; } mjx-container[jax="SVG"][display="true"][width="full"] { display: flex; } mjx-container[jax="SVG"][justify="left"] { text-align: left; } mjx-container[jax="SVG"][justify="right"] { text-align: right; } g[data-mml-node="merror"] > g { fill: red; stroke: red; } g[data-mml-node="merror"] > rect[data-background] { fill: yellow; stroke: none; } g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] { stroke-width: 70px; fill: none; } g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] { stroke-width: 70px; fill: none; } g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed { stroke-dasharray: 140; } g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted { stroke-linecap: round; stroke-dasharray: 0,140; } g[data-mml-node="mtable"] > g > svg { overflow: visible; } [jax="SVG"] mjx-tool { display: inline-block; position: relative; width: 0; height: 0; } [jax="SVG"] mjx-tool > mjx-tip { position: absolute; top: 0; left: 0; } mjx-tool > mjx-tip { display: inline-block; padding: .2em; border: 1px solid #888; font-size: 70%; background-color: #F8F8F8; color: black; box-shadow: 2px 2px 5px #AAAAAA; } g[data-mml-node="maction"][data-toggle] { cursor: pointer; } mjx-status { display: block; position: fixed; left: 1em; bottom: 1em; min-width: 25%; padding: .2em .4em; border: 1px solid #888; font-size: 90%; background-color: #F8F8F8; color: black; } foreignObject[data-mjx-xml] { font-family: initial; line-height: normal; overflow: visible; } mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] { stroke-width: 3; } </style></head> <body> <span>This is some text followed by an equation: <mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.912ex;" xmlns="http://www.w3.org/2000/svg" width="3.619ex" height="2.509ex" role="img" focusable="false" viewBox="0 -705.8 1599.7 1108.8" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mfrac"><g data-mml-node="mi" transform="translate(612.8,394) scale(0.707)"><use data-c="1D44E" xlink:href="#MJX-TEX-I-1D44E"/></g><g data-mml-node="mrow" transform="translate(220,-345) scale(0.707)"><g data-mml-node="mi"><use data-c="1D44F" xlink:href="#MJX-TEX-I-1D44F"/></g><g data-mml-node="mo" transform="translate(429,0)"><use data-c="2B" xlink:href="#MJX-TEX-N-2B"/></g><g data-mml-node="mi" transform="translate(1207,0)"><use data-c="1D450" xlink:href="#MJX-TEX-I-1D450"/></g></g><rect width="1359.7" height="60" x="120" y="220"/></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mfrac><mi>a</mi><mrow><mi>b</mi><mo>+</mo><mi>c</mi></mrow></mfrac></math></mjx-assistive-mml></mjx-container>.</span> <svg style="display: none;" id="MJX-SVG-global-cache" xmlns="http://www.w3.org/2000/svg"><defs><path id="MJX-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"/><path id="MJX-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"/><path id="MJX-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"/><path id="MJX-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"/></defs></svg></body> </html> 将 SVG 的命名空间添加到您的 svg 元素中,无论您的文件使用 .html 或 .xhtml 扩展名,您的 SVG 都将同样有效。 即改变 <svg style="display: none;" 到 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;" ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
我正在我的新驱动器上重新安装 Jemdoc+MathJax,因为过去几年我一直用它来生成我的个人网站。这是一个Python程序,使用简单的标记语言来生成...
使用jekyll在github页面上加载MathJax而不覆盖布局
我有一个使用 Jekyll 设置的 GitHub Pages 站点:https://davidelegacci.github.io/Research/。我需要加载 MathJax 来显示数学内容,但这样做最终会覆盖布局,获得 st...
我在我的页面上使用 mathjax,并且我读过以下内容: MathJax.Hub.Config({ “HTML-CSS”:{规模:175} }); 应该使
Pelican 插件 render_math 在 markdown 中不起作用
我已在 VirtualBox 中运行的 Ubuntu 服务器上安装了 Pelican 它工作得很好!但是当我尝试数学方程时,它根本没有渲染它。 我检查了 Pelican 版本: $ 鹈鹕...
MathJax 未使用 ReactMarkdown 在 React 中渲染 LaTeX
我目前在 React 应用程序中面临 MathJax 和 ReactMarkdown 的问题。我已经设置了一个使用 better-react-mathjax 来渲染 Markdown 内容的组件,包括 LaTeX math express...
如何在react中提取单个字符串内乳胶表达式的开始位置和结束位置?
我正在尝试构建一个用于数学目的的聊天机器人,现在,我正处于第一步。 我正在尝试用动画文本显示来模拟聊天机器人的响应...