如何使用JSXgraph中包含的mathJax将文本转换为latex？
JSXGraph是一个用于创建交互式数学图形的JavaScript库，而MathJax是一个用于在网页中显示数学公式的JavaScript库。要将文本转换为LaTeX，可以使用JSXGraph中包含的MathJax库。
首先，确保已经引入了JSXGraph和MathJax的JavaScript文件。然后，按照以下步骤进行操作：
- 创建一个包含文本的HTML元素，例如一个
<div>标签。
<div id="myText">This is some text with math: \(x^2 + y^2 = r^2\)</div>- 使用JSXGraph的
JXG.JSXGraph.initBoard()函数创建一个交互式图形板，并将其与HTML元素关联起来。
var board = JXG.JSXGraph.initBoard('myBoard', {boundingbox: [-5, 5, 5, -5]});- 使用MathJax的
MathJax.Hub.Queue()函数将文本转换为LaTeX。
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "myText"]);完整的代码示例如下：
<!DOCTYPE html>
<html>
<head>
<title>Convert Text to LaTeX</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.2.0/jsxgraphcore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML"></script>
</head>
<body>
<div id="myText">This is some text with math: \(x^2 + y^2 = r^2\)</div>
<script>
var board = JXG.JSXGraph.initBoard('myBoard', {boundingbox: [-5, 5, 5, -5]});
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "myText"]);
</script>
</body>
</html>这样，文本中的数学公式将被转换为LaTeX，并在网页中显示出来。
关于JSXGraph和MathJax的更多详细信息和用法，请参考以下链接：
- JSXGraph官方网站：https://jsxgraph.org/
- MathJax官方网站：https://www.mathjax.org/
相关·内容
1回答
如何将mathjax与胡子模板结合使用
json、mathjax、mustache
我使用mathjax来显示数学公式。当我在html文件中编写这样的示例时，它工作得很好：
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: { inlineMath: [['$','$'],['\\(','\\)']] }
});
</script>
....
<div id="problems">
\begin{equation}
\frac{n!
浏览 1提问于2013-10-06得票数 0
1回答
即使没有异步属性，也没有定义MathJax
javascript、html、jquery、undefined、mathjax
我正在尝试运行这段html代码，并在chrome devtools控制台中得到"amsciiTest.html:20未捕获ReferenceError: MathJax is not defined at amsciiTest.html:20“。类似的问题已经通过从MathJax的脚本标记中删除async属性得到了解决，但是我没有包含async属性，但是MathJax仍然是未定义的。 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<ti
浏览 43提问于2020-06-28得票数 3
回答已采纳
1回答
如何将MATHJAX格式应用于网站内容？
jquery、dynamic、mathjax
我有以下HTML代码：
<body>
<div id="somediv1">
Some LATEX TEXT
</div>
<div id="somediv2">
Some LATEX TEXT
</div>
<button id="button1"><button>
<button id="button2"><button>
<script>
$('
浏览 1提问于2013-10-09得票数 0
回答已采纳
1回答
将MathJax加载到加载的div中
php、html、mathjax
不完全确定如何表达这个问题。
我有一个网站，涉及到使用MathJax来显示数学问题。页面上的文本是根据用户搜索的内容从单独的文件中加载的。因此，例如，搜索“apple”将显示“apple”的页面。这个文本存储在第二个php文件中的一个类中，并在其中键入数学公式。但是，一旦我将公式加载到页面中，它就不会对其进行排版：
<script type="text/javascript"
src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMM
浏览 3提问于2013-03-21得票数 0
回答已采纳
1回答
使用MathJax生成Sigma问题(1次成功，1次失败)
html、math、mathjax
因此，我试图使用类似于
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>MathJax example</title>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2
浏览 1提问于2018-11-19得票数 1
回答已采纳
1回答
使用javascript和MathJax向文档中添加数学公式字符串
javascript、html、string、mathjax
当按下按钮以添加数学公式时，MathJax语句似乎不是解释性的：
const button = document.getElementById('go');
button.addEventListener('click', displayMath, true);
function displayMath() {
const body = document.body;
p = document.createElement('p');
const a = 3, b = 2;
const c = a + b;
浏览 0提问于2019-05-05得票数 1
回答已采纳
1回答
包括LaTeX符号与MathJax在谷歌图表？
javascript、google-visualization、mathjax
在用生成的树形图中，我希望包含用MathJax生成的LaTeX符号。使用通常在HTML文件中工作的$$命令，我无法在图本身的javascript代码中再现这些符号。有办法这样做吗？
下面的jsfiddle总结了这一切：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi
浏览 2提问于2014-09-26得票数 2
回答已采纳
1回答
加载html后的LaTeX公式
javascript、jquery、html、latex、mathjax
我想加载script of Mathjax在使用
( 'div#someone' ).load( "http source" )
实际上，当页面在页眉中被完全加载时，它工作得非常完美。
<script class="mathlab" type="text/x-mathjax-config">MathJax.Hub.Config({tex2jax: {inlineMath: [["$","$"], ["\\(","\\)"]]}});</script&
浏览 2提问于2016-01-09得票数 1
回答已采纳
1回答
如何使用javascript切换MathJax呈现vs代码？
javascript、mathjax
如何使用javascript在呈现视图和纯文本/代码视图之间切换方程的显示？
例如，如何使下面示例中的按钮切换显示以下内容之间的等式：
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
当你运行片段时呈现的等式呢？
var btn = document.getElementById("math-toggle");
btn.onclick = function(event) {
// Toggle Math rendering here using MathJax API?
alert("moo!");
};
&
浏览 2提问于2018-06-05得票数 0
回答已采纳
1回答
如何在胞景节点上使用qtip中的mathjax
javascript、mathjax、cytoscape.js、qtip2
如何使用qtip中的Mathjax库？
在下面的示例代码中，单击节点顶部时会显示工具提示，但Mathjax没有呈现。
如何解决这个问题，以便在工具提示中也显示该方程？@peterkrautzberger在中的解决方案可能是一种选择，但我没有设法使其适应这种情况。
编辑： @dipenshah的答案解决了原来的问题。但是，当扩展允许动态Mathjax内容的示例代码时，它似乎不起作用。如果不是为工具提示提供固定文本，而是从节点定义中的元素txt中提取文本，则不会呈现Mathjax。我已经修改了下面的代码来显示它。
$(function(){
var cy = window.cy = c
浏览 6提问于2020-09-28得票数 0
回答已采纳
1回答
要打印为laTex的Mathjax函数
javascript、drupal-modules、mathjax
我在我的Drupal站点中使用Mathjax模块。$ and $之间的文本被正确地呈现为laTex。前任：
$ b^2 - b + 1 $呈现为：
但是，我还需要用laTex JS/jQuery加载和附加一些文本。这里的文本是，而不是laTex。例如：
let divText = "<div>$ b^2 - b + 1 $</div>";
$(".div").html(divText);
然后呈现的输出是：
在将文本放入div之前，是否有一个函数可以传递文本(DivText)，以便正确地呈现它？如果是，那是什么功能？
浏览 0提问于2019-09-08得票数 0
1回答
>=19接口的mathjax
android、webview、mathjax、mathml
mathjax for mathml在所有使用api<19的手机中都很有吸引力，但我有一台平板电脑，我在网页视图中重新加载数据时遇到了问题，即它第一次加载mathml，但当我在同一网页视图中重新加载另一个mathml代码时，内容无法获得change...the代码
wq.getSettings().setJavaScriptEnabled(true);
wq.getSettings().setBuiltInZoomControls(true);
wq.getSettings().setLoadWithOverviewMode(true);
浏览 0提问于2015-04-30得票数 1
1回答
仅当有分隔符时才动态显示MathJax
javascript、mathjax
我一直在调整下面的示例代码。MathJax的文档不是很完整。有没有更多经验的人可以告诉我应该如何修改下面的代码，以便只有在我指定了像$\alpha$这样的分隔符时才能解析Tex。我想让它像在math.stackexchange上一样工作。
<html>
<head>
<title>MathJax Dynamic Math Test Page</title>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
浏览 1提问于2011-10-28得票数 9
回答已采纳
1回答
当试图修改MathJax标记的内容时，<p>无法正常工作
javascript、html、mathjax
我一直在尝试使用MathJax、JavaScript和MathJax来制作一个JavaScript解释器。我已经完成了MathJax库等的所有默认包含，web应用程序的一个特性是能够键入一些LaTeX代码，并在按下按钮时查看输出。但是，当我运行这个程序时，没有什么变化，所发生的就是包含该输出的文本框只将原始输出输出到其中。例如：
// My LaTeX code:
\[x=5\]
// the expected output when the button is clicked:
x = 5
// what I do get:
\[x=5\]
我尝试过许多事情，但似乎无法使它发挥作用。这是我的
浏览 3提问于2020-05-03得票数 0
1回答
插入'LATEX‘-在html中动态插入文本
javascript、html、mathjax
我想通过MathJax动态地在html文件中插入‘LATEX’-文本。
<html>
<head>
<title>MathJax MathML Test Page</title>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<scri
浏览 1提问于2015-08-11得票数 1
回答已采纳
1回答
Mathjax只在数据表的第一页呈现
javascript、jquery、datatables、latex、mathjax
我正在使用datatable来显示数学问题。最大方程加为乳胶法。我使用下面的Js脚本来呈现Mathjax方程，
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
});
</script>
<script type="text/javascript" async src="htt
浏览 6提问于2016-03-08得票数 3
回答已采纳
1回答
用MathJax和Vue.js更新DOM
javascript、html、mathjax、vue.js
(编辑以包括一个解决方案，但原来的问题仍然存在)
我有一个HTML页面，我正在尝试使用Vue.js (因为它的好的、简单的组件和诸如此类的东西)和MathJax (很明显地，用来布局数学方程)来创建，但是它们不是一起玩得很好。我发现了一些关于这个问题的讨论-- w/r/t角(另一种类似于Vue的web技术，据我有限的理解)，但是没有关于Vue和MathJax。
我意识到这个问题与Vue直接操作HTML和MathJax没有实现/处理它有关。在MathJax中有一些方法可以帮助解决这个问题，但是要么它们不能工作，要么我没有正确地使用它们。
下面是我尝试的一个最低限度的例子：
<!DOCT
浏览 2提问于2015-11-29得票数 2
回答已采纳
3回答
实时显示mathjax输出
javascript、jquery、mathjax
如何修改此mathjax示例以在输入时进行实时预览？现在，它只在我按回车键后才显示结果。我想调整它，使它的工作方式类似于stackoverflow/math.stackexchange在输入问题时显示预览。
<html>
<head>
<title>MathJax Dynamic Math Test Page</title>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [[&
浏览 2提问于2011-10-28得票数 11
回答已采纳
2回答
如何在android中脱机使用Mathjax
java、android、html、mathjax
我看到了这篇文章
我试着在脱机状态下使用mathjax
我只想在我的html中包含这段代码。
w.loadDataWithBaseURL("http://bar/", "<script type='text/x-mathjax-config'>" +"MathJax.Hub.Config({ " +"showMathMenu: false, "
浏览 2提问于2014-05-27得票数 0
1回答
为什么MathJax在我的JavaScript代码的输出中似乎不能正常工作？
javascript、math、mathjax
我试图写一个简单的程序来生成点积问题。我使用的代码如下：
<!DOCTYPE html>
<html>
<body>
<head>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javasc
浏览 3提问于2015-12-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
