mathjax 相关问题

MathJax是一个开源JavaScript引擎,可以轻松地在网页上嵌入数学方程式,符号和公式。还有一个服务器端版本,它为MathJax提供命令行和nodejs接口。

如何让MathJax方程在href中正确渲染?

我想制作一个包含方程式的超链接。我使用 MathJax 来计算方程。包含方程的链接部分没有下划线。 这是一个最小的例子: 我想创建一个包含方程式的超链接。我使用 MathJax 来计算方程。包含方程的链接部分没有下划线。 这是一个最小的例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> </head> <body> <a href="some link">Hello world \(2 + 2 =4\) (note that the equation is not underlined)</a> </body> </html> 它是这样的: 在数学方程下划线并不容易,因为如果它们包含下标,它们可能会低于基线很多。浏览器仅在排版了链接的其余部分后才排版方程,因此它还不知道在绘制下划线时方程将低于基线多少。为了安全起见,它根本不强调方程。 (请注意,下划线也有一个间隙,其中“q”下降到基线以下。) 您可以根据具体情况决定下划线降低多少。以下示例通过使用填充和底部边框来实现此目的(您可能需要 a:visited 使用不同的颜色来指示链接是否已被访问)。 a { text-decoration: none; padding-bottom: 2px; border-bottom: solid 1px blue; } <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <a href="some link">Hello world \(\log_2(2 + 2) = 2\) (note that the equation is now underlined)</a>

回答 1 投票 0

无需 CSS 直接作用于 MathJax 即可为方程添加彩色背景

我正在尝试为方程式添加彩色背景。我可以通过使用 CSS 来实现这一点,但现在我想知道在哪里可以直接在调用 MathJax 的脚本中做到这一点。 拜托,f...

回答 2 投票 0

在 Jupyter 和导出的 PDF 或 PNG 中绘制不同的 LaTeX 字体

我正在尝试创建我在jupyter实验室中用plotly完成的绘图的PDF,但是我在字体方面遇到了很多麻烦。 Plotly 为眉毛中的所有正常文本使用正确的字体......

回答 1 投票 0

Mathjax 无法在 github 上正确渲染 pmatrix

我在一些降价中使用以下代码: $$ PE_{ ext{输入}} = 埃根{p矩阵} 0 & 1 & 0 & 1 \ \sin\left( rac{1}{10000^0} 右)&

回答 0 投票 0

Github 使用 MathJax 在 Colab 笔记本中渲染 bash 脚本,但它不应该

我的 Google Colab 笔记本中有一个单元格,保存在 github 存储库中。该笔记本和其他一些笔记本中的某些单元在 github 浏览中无法正确呈现。 单元格的实际代码是: !redis...

回答 1 投票 0

使用 GitHub LaTeX Markdown 使用特定颜色为标题文本着色

如何调整这个 mathjax 块: ${ 外部

回答 0 投票 0

MathJax 渲染在 Android 中无法正常工作

我想通过在WebView中使用MathJax-3.2.2来渲染一些MathJax代码。所以我为此编写了一些代码: @覆盖 protected void onCreate(Bundle savingInstanceState) { 超级.onCreate(

回答 1 投票 0

无法使 MathJax 数学字体大小保持与周围文本相同的大小

问题 我正在使用 MathJax 在我的页面上呈现数学: 请注意数学字体如何大于其周围的文本——这是所期望的。但由于某种原因,在移动设备上,数学字体变得很小: 我...

回答 1 投票 0

如何在我的 Next.js 应用程序上集成 Mathjax 以使用 Latex 渲染内联和显示方程?

我想将 Mathjax 集成到我的 nextjs 应用程序上。 我正在使用 nextjs 13 并使用 app dir 进行路由 我希望我的代码在服务器中呈现,这样当用户打开页面时不需要重新呈现。 我尝试...

回答 1 投票 0

wkhtmltopdf 和 MathJax:方程渲染得太小

我正在尝试使用 wkhtmltopdf 下载费曼讲座。这是我使用的命令行: wkhtmltopdf.exe http://www.feynmanlectures.caltech.edu/I_44.html --javascript-delay 20000 --no-...

回答 2 投票 0

MathJax 不允许在 GitHub Pages 上进行多行内联数学

这是我的 mathjax.html: MathJax.Hub.Config({ TeX:{ equationNumbers: { autoNumber: "all" }, tagSide:“对&q...</desc> <question vote="0"> <p>这是我的<pre><code>mathjax.html</code></pre>:</p> <pre><code>&lt;script type=&#34;text/x-mathjax-config&#34;&gt; MathJax.Hub.Config({ TeX: { equationNumbers: { autoNumber: &#34;all&#34; }, tagSide: &#34;right&#34; }, tex2jax: { inlineMath: [ [&#39;$&#39;,&#39;$&#39;], [&#34;\\(&#34;,&#34;\\)&#34;] ], displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&#34;\\[&#34;,&#34;\\]&#34;] ], processEscapes: true } }); &lt;/script&gt; &lt;script src=&#34;https://cdn.jsdelivr.net/gh/mathjax/MathJax@legacy-v2-develop/unpacked/MathJax.js?config=TeX-AMS_CHTML&#34;&gt; &lt;/script&gt; </code></pre> <p>它包含在 <pre><code>head.html</code></pre> 文件夹中的 <pre><code>_includes\</code></pre> </p> <pre><code>% include mathjax.html % </code></pre> <p>它在我的 GitHub 页面上运行得很好。但是,它不允许内联数学对象中存在多行。例如,</p> <pre><code>Let $X = \left[ \begin{matrix} X_1 \\ X_2 \end{matrix} \right]$ follow a [bivariate normal distribution](/D/bvn): </code></pre> <p>错误给出</p> <p><a href="https://i.stack.imgur.com/AKLvI.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0FLTHZJLnBuZw==" alt=""/></a></p> <p>以至于我不得不使用不需要的符号</p> <pre><code>Let $X = \left[ \begin{matrix} X_1 &amp; X_2 \end{matrix} \right]^\mathrm{T}$ follow a [bivariate normal distribution](/D/bvn): </code></pre> <p>正确导致</p> <p><a href="https://i.stack.imgur.com/bbOqk.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL2JiT3FrLnBuZw==" alt=""/></a></p> <p>有没有一种方法可以在内联数学中包含多行。 (在独立方程中,即使用 <pre><code>$$ ... $$</code></pre>,它有效!)</p> </question> <answer tick="false" vote="0"> <p>MathJax 中的内联数学所面临的问题是因为默认情况下 MathJax 不支持内联数学中的换行符。它旨在将内联数学格式化为单行。这与显示数学不同,显示数学包含在 <pre><code>$$ ... $$</code></pre> 或 <pre><code>\[ ... \]</code></pre> 中,并支持换行符和多行方程。</p> <p>如果您想在内联数学中包含多行,您可能需要考虑替代方法或解决方法:</p> <ol> <li><p><strong>使用显示数学</strong>:如果可能,您可以使用显示数学(例如,<pre><code>$$ ... $$</code></pre>或<pre><code>\[ ... \]</code></pre>)来代替需要多行的方程的内联数学。这将允许您根据需要设置带换行符的方程格式。</p> </li> <li><p><strong>MathJax 对齐环境</strong>:您可以在内联数学中使用 MathJax 的 <pre><code>align</code></pre> 环境来创建多行方程。例如:</p> <pre><code>Let $X = \begin{align} X_1 \\ X_2 \end{align}$ follow a [bivariate normal distribution](/D/bvn): </code></pre> <p>这将创建多行内联数学,但您可能需要调整对齐方式以满足您的需要。</p> </li> <li><p><strong>HTML 换行符</strong>:您可以在内联数学中使用 HTML 换行符。例如:</p> <pre><code>Let $X = X_1 \\&lt;br&gt; X_2$ follow a [bivariate normal distribution](/D/bvn): </code></pre> <p>此方法使用 HTML 换行符标签 <pre><code>&lt;br&gt;</code></pre> 在内联数学中引入换行符。它不像 LaTeX 换行那么干净,但可以在 MathJax 中用于内联数学。</p> </li> <li><p><strong>自定义 CSS 样式</strong>:您还可以探索自定义 CSS 样式以强制内联数学中的换行符。这种方法可能需要更高级的 CSS 知识,并且可能不太简单。</p> </li> </ol> <p>请注意,虽然这些解决方法可以帮助您在内联数学中实现多行方程,但它们可能无法完美复制 LaTeX 中独立方程的格式和控制。您可能需要试验和调整解决方案,以满足您的特定要求以及 MathJax 在您环境中的功能。</p> </answer> </body></html>

回答 0 投票 0

pandoc无法将latex公式转换为docx的问题如何解决

我想将下面的latex公式转换成docx中的公式。 Latex公式在mathtype和mathjaxjs上都可以正常使用。 $\left\{ { egin{array}{*{20}{l}} {(m + 2)x = 1}\ {3x -...

回答 1 投票 0

MathJax 输出的不同字体

我正在尝试在我的 Vue3 项目中通过 MathJax 显示一些数学方程。 它可以渲染,但我希望字体看起来更Mathematical®。 这是我的输出: 以下是 ChatGPT 的吐出内容: 我试过了...

回答 1 投票 0

如何在shiny中禁用右键单击mathjax

如何在闪亮中禁用右键单击mathjax?例如,参见 https://shiny.rstudio.com/gallery/mathjax.html 理想情况下,我希望用户根本不要与 mathjax 文本交互。

回答 4 投票 0

如何让 MathJax 启用 mhchem 扩展

我正在做一个化学项目,我正在尝试制作一个网站来显示所需的方程式,我已经安装了 MathJax 和 mhchem,但是

回答 0 投票 0

从 Sphinx 生成的 github.io 页面中渲染 Mathjax 的问题

我正在使用 Sphinx 为我的 python 项目编写文档。 这是我的conf.py 数学在本地主机上渲染得很好,但是当部署在 github.io 上时,它似乎不起作用。 在本地主机上 在 github 上...

回答 1 投票 0

爬取数据时如何获取MathJax中的元素?

我正在抓取一个具有以下“cheerio”标签的网站,如何获取 p 标签的完整文本以及带有属性“data-mathml”的 **span * *。 我正在抓取一个具有以下“cheerio”标签的网站,如何获取 p 标签的完整文本以及 **span * * 属性 “data-mathml”。 <p><strong class="content_question">Đề bài</strong></p> <p style="text-align: justify;">"a. " <span class="MathJax_Preview" style="color: inherit; display: none;"></span> <span id="MathJax-Element-1-Frame" class="mjx-chtml MathJax_CHTML" tabindex="0" style="font-size: 121%; position: relative;" data-mathml="<math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;><mn>5</mn></math>" role="presentation"><span id="MJXc-Node-1" class="mjx-math" aria-hidden="true"><span id="MJXc-Node-2" class="mjx-mrow"><span id="MJXc-Node-3" class="mjx-mn"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.37em; padding-bottom: 0.37em;">5</span></span></span></span><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>5</mn></math></span></span><script type="math/tex" id="MathJax-Element-1">5</script> và <span class="MathJax_Preview" style="color: inherit; display: none;"></span><span id="MathJax-Element-2-Frame" class="mjx-chtml MathJax_CHTML" tabindex="0" style="font-size: 121%; position: relative;" data-mathml="<math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;><mroot><mn>123</mn><mn>3</mn></mroot></math>" role="presentation"><span id="MJXc-Node-4" class="mjx-math" aria-hidden="true"><span id="MJXc-Node-5" class="mjx-mrow"><span id="MJXc-Node-6" class="mjx-mroot"><span class="mjx-root" style="font-size: 50%; vertical-align: 0.774em; width: 0px;"><span id="MJXc-Node-8" class="mjx-mn" style="padding-left: 0.543em;"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.37em; padding-bottom: 0.37em;">3</span></span></span><span class="mjx-box" style="padding-top: 0.045em;"><span class="mjx-surd"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.507em; padding-bottom: 0.553em;">√</span></span><span class="mjx-box" style="padding-top: 0.119em; border-top: 1.6px solid;"><span id="MJXc-Node-7" class="mjx-mn"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.37em; padding-bottom: 0.37em;">123</span></span></span></span></span></span></span><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML"><mroot><mn>123</mn><mn>3</mn></mroot></math></span></span> <script type="math/tex" id="MathJax-Element-2">\root 3 \of {123} </script> " ;"</p> 在具有属性“data-mathml”的span标签中,我应该在该属性中获取文本还是获取元素以将数据返回给客户端? const html = response.data; const $ = cheerio.load(html); const mathjaxEquations = $("span[data-mathml]"); console.log({ mathjaxEquations }); 请帮助我,非常感谢!

回答 0 投票 0

使用 mathjax-angular 的网站中的数学方程

我正在尝试将数学方程的乳胶格式转换为 Angular 13 应用程序中的网站。我为此找到了 mathjax-angular 并尝试使用安装 npm 安装 mathjax-Angular 但我去...

回答 1 投票 0

MathJax 未定义角度 4

我已经运行命令 npm install mathjax 和 npm install --save @types/mathjax 并在 angular-cli.json 中添加了 mathjax.js 的引用 “../node_modules/mathjax/mathjax.js?config=TeX-AMS-MML_HTMLorMML...

回答 2 投票 0

在不同浏览器中使用 MathJax 进行的 MathML 渲染不一致

我正在使用 better-react-mathjax ^2.0.2 (与 MathJax 3.2.2)在基于 React 的项目中渲染数学表达式。但是,我面临一个问题,某些表达式在不同的

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.