个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我正在尝试构建所见即所得编辑器来使用 MathJax 编写数学公式。我正在尝试从文本区域中选择随机内容并将其粘贴到 div 中以将其转换为数学方程。
<!DOCTYPE html>
<html>
<head>
<title>Wrap Selected Content with Dummy Editor</title>
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>;
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: { inlineMath: [ ['$','$'], ['\\(','\\)'] ] } });
MathJax.Hub.Config({tex2jax: { displayMath: [ ['$$','$$'], ['\\(','\\)'] ] } });
</script>
</head>
<body>
<!--Select some random text from this textarea and click button -->
<textarea id="wrapSelectedContent"></textarea>
<!-- Content should be load here using JavaScript and Convert it into Mathematical Function -->
<div id="pasteSelectedContent" style="width:300px; height:300px; border:2px solid #000;"></div>
<!-- Static Content displayed Successfully -->
<p>$$\sum(a+b)(c+d)$$</p>
<button onclick="wrapContent();">Put Summation Sign</button>
<script type="text/javascript">
function wrapContent(){
var selectedContent = document.getElementById("wrapSelectedContent");
var pasteselectedContent = document.getElementById("pasteSelectedContent");
var textlength = selectedContent.textLength;
var start = selectedContent.selectionStart;
var end = selectedContent.selectionEnd;
selectedContent.focus();
selectedContent.setSelectionRange(start,end);
var selectedContentValue = selectedContent.value.substring(start, end);
var replace = "$$\\sum" + selectedContentValue + "$$";
pasteselectedContent.textContent = selectedContent.value.substring(0,start) + " " + replace + " " + selectedContent.value.substring(end,textlength);
console.log("Start Index : " + start);
console.log("End Index : " + end);
console.log("Text Content Length : " + textlength);
console.log(selectedContentValue);
}
</script>
</body>
</html>
那么如何使用数学方程转换 div#pasteSelectedContent 中显示的文本请帮助我构建这个所见即所得编辑器
最佳答案
问题已解决
只需插入
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "pasteselectedContent"]);
第 32 行之后
pasteselectedContent.textContent = selectedContent.value.substring(0,start) + " " + replace + " " + selectedContent.value.substring(end,textlength);
关于javascript - 使用 MathJax 的所见即所得数学方程编辑器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28452359/
30
4
0
在 Mathjax 中，如何将其写为由第二个 = 分隔的双行? 这是 Mathjax 代码: $= 2[2W(k-2) + (k-1)2^{k-1}] + k2^k= 2^2W(k-2)+(k-1)2
如何使用 TeX 在 MathJax 中实现弹性双括号？例如， TeX 包 stmaryrd 有这个，但 MathJax 不支持任意包的导入。 我希望双括号在所有尺寸下都好看。 奖励:这在 Ascii
我希望能够通过在某种粗体命令中将几个符号分组来使它们变粗。我可以使用(例如)将单个符号加粗 \boldsymbol \phi 但我希望能够加粗几个符号，例如: {\boldsymbol \phi \v
我想输入这个。 我试过这样 $$\lambda=\frac{0.693}{t_\frac{1}{2}}$$ 还， $$\lambda=\frac{0.693}{{t}_\frac{1}{2}}$$ 还
下图来自 Chiswell 和 Hodges 数学逻辑练习，第 21 页: 当我在 Mathematics Stack Exchange 上发布答案时，我想显示类似的内容，但我不知道如何在 Mathj
我无法让 MathJax 更改它用于呈现以 AsciiMath 编写的公式的字体。我已经在 StackOverflow 和网络上的其他地方阅读了类似问题的答案: Styling MathJax Cha
Mathjax 元素默认居中对齐。 如何使 Mathjax 元素左对齐？ 最佳答案 MathJax.Hub.Config({ jax: ["input/TeX","output/HTML-CS
我有一个文本区域，我希望用户在其中输入数学表达式。我不想立即呈现任何结果，就像它在 SO 上一样。 像这样的东西: function onkeyup(event) { var prev =
我有一个包含简单文本的网站，其中混合了最初仅可见标题的部分。单击标题可展开该部分。此页面的所有部分都可以包含我希望使用 MathJax 很好地排版的数学，但这些部分可能很长并且包含大量数学。 我想推迟
查看代码片段 What will be the output of $${x^2}$$ 这会在一行上显示字符串“What will be the output of”，并在第二行上显示表达式 如何让
如果你只是使用这样的东西: \( \left[ \begin{matrix} 0 & 1 & 5 & 2 \\ 1 & -7
有没有办法使用 MathJax 对齐多个方程，使赤道彼此位于下方？ For example: 2x - 4 = 6 2x = 10 x = 5 最佳答案 使用 aligned环
是否有可能让 text-overflow:ellipsis 与 MathJax 一起工作？ 这是一个(非工作)示例(on JSFiddle) HTML: \[ \text{2014-01-05}
我正在编写一个将 html 保存到 onenote 的网络应用程序。为了保存数学公式，我打算用MathJax.js把数学公式转成svg，然后再把svg转成png，因为onenote api支持的htm
我猜这之前已经在一个线程中完成了，但我只花了两个小时阅读各种线程并且无法解决一个非常基本的问题。 长话短说: 我正在尝试在网络浏览器中为家庭作业生成器创建动态方程/图表。到目前为止，我一直在使用 Ma
我想在我的本地 Mathjax 配置文件中声明一些数学运算符，以便我可以在每个页面中使用它们。 我发现我可以按照 MathJax 文档 Defining TeX macros 中的描述定义命令. 但是
我有一个基本的 MathJax代码 MathJax.Hub.Config({ extensions: ["tex2jax.js", "TeX/AMSmath.js"], ja
我知道如何使用 MathJax 将网页中的 TeX 命令转换为数学公式。 MathJax 脚本将在页面中搜索 TeX 命令并将它们内联转换为 HTML 语句。 有没有办法以预处理的形式来做到这一点？换
nCr 和 nPr 需要一个置换和组合 mathJaX 符号 最佳答案 你可以用这个: nCk => {}_n \mathrm{ C }_k nPk => {}_n \mathrm{ P }_k 关于
我想知道是否有办法转换 MathJax输出到 MathML . 我读了几篇文章说MathJax支持 MathML .我还可以看到选项“Show MathML” ' 当我右键单击 MathJax 时公式
我是一名优秀的程序员,十分优秀！