mathml 相关问题

XML的一种应用,用于描述数学符号和数学内容

用js构造一个html<math>元素并不能使其正确渲染

元素在手写时按预期工作,但在使用js动态创建时无法正确渲染: 让 math = document.createElement('math'); math.setAttribute('显示...

回答 1 投票 0

如何在MathML中换行?

我正在开发一个网站来解决某种具有编程功能外观的练习,所以我需要编写多行,但我不知道如何制作它,因为它在

回答 4 投票 0

为什么 MathML 标识符看起来不同?

MathML 标签中的字母看起来不同(仅当它是 中的单个字母时): abc a b &...

回答 1 投票 0

如何使用 React 进行交互式 MathML?

将数学表达式写为文本可能会使其变得非常难看 λy.xy 结果是这样的: 用 MathML 来做似乎更好 将数学表达式写为文本可能会使其变得非常难看 <p>λy.xy</p> 结果如下: 用 MathML 来做似乎更好 <math xmlns="http://www.w3.org/1998/Math/MathML"> <mi>&lambda;</mi> <mi>y</mi> <mo>.</mo> <mi>x</mi> <mi>y</mi> </math> 给出: (在数学堆栈交换中,使用相同的 MathML 会更好:,但我还不确定如何在没有 MathJax 的情况下获得它) 我想在我的 React 应用程序中拥有更好的外观,但它似乎不接受 <math> 标签。是否有一个类似于 JSX 的解决方案,让我使用像下面的 HTML 这样的 React 交互性? <math xmlns="http://www.w3.org/1998/Math/MathML"> <mi onClick="console.log('hello')">&lambda;</mi> <mi>y</mi> <mo>.</mo> <mi>x</mi> <mi>y</mi> </math> math 元素似乎是完全有效的 HTML,这意味着它在 React 的 JSX 中也应该可以正常工作。我在 JSX 中看到的唯一问题是 mi 元素的 onClick 处理程序。当它应该是 JSX 中的函数时,您已经指定了一个字符串值,例如将 onClick="console.log('hello')" 更改为 onClick={() => console.log('hello')}。 示例: function App() { return ( <div className="App"> <math xmlns="http://www.w3.org/1998/Math/MathML"> <mi onClick={() => console.log('hello')}>&lambda;</mi> <mi>y</mi> <mo>.</mo> <mi>x</mi> <mi>y</mi> </math> </div> ); } const rootElement = document.getElementById("root"); const root = ReactDOM.createRoot(rootElement); root.render( <React.StrictMode> <App /> </React.StrictMode> ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.0.0/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.0.0/umd/react-dom.production.min.js"></script> <div id="root" />

回答 1 投票 0

MathML (firefox) 中不显示括号

MathML代码是这样的: 分钟 MathML代码是这样的: <math xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>min</mi><mfenced open="(" close=")"><mrow><mn>9</mn><mo>,</mo><mn>6</mn></mrow></mfenced><mo>=</mo></mrow></math> 遗憾的是,它显示时没有括号。 (参见https://prnt.sc/FBuGkh1NtM-7) 我在这里做错了什么?谢谢! <math display="block"> <mrow> <mo fence="true" form="prefix">(</mo> <mn>9</mn> <mo fence="true" form="postfix">)</mo> </mrow> </math> 这有效。但不知道为什么之前的 MathML 不起作用。 “mfenced”似乎已被贬值并被“mo”取代。 “mrow”可用于组子表达式并为方程提供层次结构: <mrow> <mi>f</mi> <mo>(</mo> <mi>x</mi> <mo>)</mo> </mrow>

回答 2 投票 0

MAUI WebView 控件和 CORS

尝试使用 WebView 控件编写 MAUI 应用程序,以便我可以教学生如何解决复杂的数学问题。我选择使用 MathML,因为它支持大多数数学符号以包含自动调整...

回答 1 投票 0

将多行元素围在栅栏中

在尝试学习MathML时,我发现本教程中使用的mfenced元素已被弃用,因此Firefox不再支持它。 MathML 官方文档中的这个例子很简单

回答 2 投票 0

MathML:将多行元素围在栅栏中

在尝试学习MathML时,我发现本教程中使用的mfenced元素已被弃用,因此Firefox不再支持它。 MathML 官方文档中的这个例子很简单

回答 2 投票 0

从使用 MathJax 渲染的 MathML 中检索输入

我想使用 HTML (MathML) 和 MathJax 制作练习表。练习表上会填满数字,输入的数字可以通过答案键检索和检查。我的问题是

回答 1 投票 0

当 SVG 嵌入到 HTML5 中时,foreignObject 元素中可以渲染什么?

HTML5 通过 svg 元素支持 SVG。可以使用foreignObject 元素将其他语言嵌入到SVG 中。 HTML 可以用这种方式呈现,MathML 也可以。还有什么可以渲染...

回答 4 投票 0

如何让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

如何在 MathML 中使用尖括号并确保它们自动调整大小?使用小于/大于符号效果不太好

MathML 自动调整括号等符号的大小,例如“(”或“|”,当它们作为运算符输入时。例如这里: ...

回答 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

在 ASP.NET Core 视图中渲染 MathML 标签时出现问题

大家好,我想在视图内渲染 MathMl 标签,但它们无法正确渲染 这些是我的 javascript 库 @section样式 { 妈...</desc> <question vote="0"> <p>大家好,我想在视图内渲染 MathMl 标签,但它们无法正确渲染 这些是我的 javascript 库</p> <pre><code>@section Styles { &lt;script type=&#34;text/x-mathjax-config&#34;&gt; MathJax.Hub.Config({tex2jax: {inlineMath: [[&#39;$&#39;,&#39;$&#39;], [&#39;\\(&#39;,&#39;\\)&#39;]]}}); &lt;/script&gt; &lt;script type=&#34;text/javascript&#34; async src=&#34;https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML&#34;&gt; &lt;/script&gt; </code></pre> <p>这是渲染标签</p> <pre><code>&lt;math xmlns=&#34;http://www.w3.org/1998/Math/MathML&#34;&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;msqrt&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msqrt&gt;&lt;/math&gt; </code></pre> <p>这是检查元素中的标签 <a href="https://i.stack.imgur.com/VZUwh.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL1ZaVXdoLnBuZw==" alt=""/></a></p> <p>任何帮助将不胜感激</p> </question> <answer tick="false" vote="0"> <p>为了更优雅的方法,请避免直接在 @section 上方渲染脚本标签,因为有时它们根本不会执行。相反,请将脚本直接包含在视图中。</p> <p>删除 <pre><code>@section</code></pre> 区域并在 chelid 视图中渲染脚本元素</p> </answer> </body></html>

回答 0 投票 0

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

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

回答 1 投票 0

用于创建 mathml 方程的编辑器

我对mathml编辑器了解不多,我们已经在使用rich:editor来编辑html文本了。我想知道最常用的数学方程编辑器,它是基于浏览的并且

回答 5 投票 0

如何在 d3 轴上使用 MathML 标签?

我的 d3 轴标签使用自然数,我希望它们采用更漂亮的形式,因此我尝试通过 MathJax 使用 MathML。 当我尝试使用 MathML 标签作为 tickFormat 的参数时,它...

回答 1 投票 0

无法使用 mathml 呈现数学公式

我有以下代码将 MathML 转换为 svg: 函数 convertMMlToSvg() { var mml = ` 我有以下代码将 MathML 转换为 svg: function convertMMlToSvg() { var mml = `<math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msub><mi>F</mi><mrow><mi>w</mi><mo>&#160;</mo></mrow></msub><mo>=</mo><mo>&#160;</mo><msqrt><msubsup><mi>F</mi><mn>1</mn><mn>2</mn></msubsup><mo>&#160;</mo><mo>+</mo><msubsup><mi>F</mi><mn>2</mn><mn>2</mn></msubsup><mo>&#160;</mo></msqrt><mspace linebreak="newline"></mspace></mrow><annotation encoding="application/vnd.wiris.mtweb-params+json">{&#34;fontSize&#34;:&#34;13px&#34;,&#34;fontStyle&#34;:&#34;normal&#34;}</annotation></semantics></math>`; var svg = MathJax.mathml2svg(mml); var div = document.createElement('div'); div.innerHTML = svg.innerHTML.trim(); return div.firstChild; } 当我尝试运行它时:convertMMlToSvg(),出现以下错误: TypeError: Cannot read property 'getElementsByTagName' of null at e.tags (mml-svg.js:1) at e.transform (mml3.js:1) at e.mmlFilter (mml3.js:1) at e.execute (mml-svg.js:1) at e.t.executeFilters (mml-svg.js:1) at e.compile (mml-svg.js:1) at e.t.compile (mml-svg.js:1) at Object.renderMath (mml-svg.js:1) at e.renderConvert (mml-svg.js:1) at e.t.convert (mml-svg.js:1) 我正在使用这个库来渲染这个 <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/mml-svg.js"></script> 有人知道是什么原因造成的吗? 要重现,这里有 jsbin: https://jsbin.com/kuwujesure/1/edit?html,css,js,console,output

回答 0 投票 0

在 Winforms 应用程序上从 LaTeX 或 MathML 创建 EMF 图像

我正在寻找一个软件来将 LaTeX 或 MathMl 方程式转换为矢量图形格式,最好是 EMF。该库必须用于商业应用程序,因此不能使用 GPL 等类似软件。 我...

回答 0 投票 0

“Latex-input”和“Convert Professional”在 word 中执行,使用 C# 并使用 Microsoft.Office.Interop.Word

我遇到这个问题,我需要在 word 中按下“Latex-input”和“Convert Professional”按钮,以使方程式字段支持 LaTeX 公式。我需要按 2

回答 0 投票 0

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