【工具】【Mathjax-1】Mathjax的安装和调用test

最新推荐文章于 2024-06-21 14:26:33 发布
最新推荐文章于 2024-06-21 14:26:33 发布
阅读量1.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lipQuu/article/details/81002759
版权
本文介绍了如何使用MathJax解决在网页中显示数学公式的困扰。MathJax是一个JavaScript库，能支持多种数学公式格式。通过CDN引入，可以轻松实现数学公式的渲染，例如：$alpha+eta=gamma$ 和 $$x=a_0 + frac {1^2}{a_1 + frac {2^2}{a_2 + frac {3^2}{a_3 + frac {4^2}{a_4 + ...}}}}$$。
摘要由CSDN通过智能技术生成

前一段时间，在自学微积分过程中，想写点东西把自己成长的历程记录下来。但是发现一个很纠结的问题，数学公式并不能很好的得到支持。

感谢博主DZYO大神的指点，他推荐我使用Mathjax来进行数学公式在网页上的编写。

关于Mathjax，我先查阅了相关资料，据了解是整合了许多数学公式编写格式的java脚本。

于自己的一点小小的进取心和大大的虚荣心，准备半路出身直接学习一下Mathjax。

$\alpha+\beta=\gamma$

Mathjax的安装：

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    showProcessingMessages: false, 
    messageStyle: "none" 
})；
<script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

比如使用Content delivery network（CDN）

最低0.47元/天 解锁文章
zququ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
MathJax的基本使用
不负光阴不负自己，不负被爱不负所爱 ​
04-11 2446
MathJax引擎是一个开源的JavaScript库，它允许Web开发者在网页中嵌入高质量的数学公式。通过利用Web的最新技术，MathJax引擎可以解析LaTeX、MathML和AsciiMath等数学标记语言，并将其渲染为可视化的数学公式，这些公式可以在各种浏览器和操作系统上流畅地显示。使用MathJax引擎，网页作者可以轻松地编写包含数学内容的文档，而无需担心用户的浏览器或操作系统是否能够正确显示这些数学公式。
uniapp中使用mathJax解析数学公式
03-15
uniapp中使用mathJax解析数学公式，兼容App与H5
JAX 中文文档（一）
最新发布
龙哥盟
06-21 1234
原文：jax.readthedocs.io/en/latest/ 开始入门 安装 JAX 原文：jax.readthedocs.io/en/latest/installation.html 使用 JAX 需要安装两个包：jax 是纯 Python 的跨平台库，jaxlib 包含编译的二进制文件，对于不同的操作系统和加速器需要不同的构建。 TL;DR 对于大多数用户来说，典型的 JAX 安装可能如下所示： 仅限 CPU（Linux/macOS/Windows） pip install -U jax
MathJax
Sabrina的博客
03-15 1901
MathJax 快速参考 MathJax是一个JavaScript引擎，用来显示网络上的数学公式。它支持大部分的主流的浏览器，对大部分用户而言它不需要安装，既没有插件需要下载也没有软件需要安装。MathJax使用网络字体（大部分浏览器都支持）去产生高质量的排版，使其在所有分辨率都可缩放和显示，这远比使用包含公式的图片要有效得多。使用MathJax显示数学公式是基于文本的，而非图片。它可以
JAVA的安装与配置
chen__huan_的博客
03-14 6627
（2）.更改路径，（建议更改安装路径，在这里我们可以在自己想安装的路径，我们需要知道安装的地方，之后的配置我们将会用到）（3）.点击下一步，稍等一会（进度的快慢取决于你的电脑）（1）双击jdk-19_windows-x64_bin。（4）.点击完成，现在我们就已经安装成功了，关闭页面。在有bin文件夹那个页面的路径，如图一。（2）、找到Java，选择JDK。（3）、选择要下载的版本。
ubuntu 安装 MathJax Plugin for Github
weixin_43730035的博客
03-09 443
请认真读 it worked on my windows chrome, but didn’t work and appeared same issue on my linux chromium. I finally resolved by steps below: 1st, git clone the current repository to local path(git clone https://github.com/orsharir/github-mathjax.git); 2nd, open t
mathjax-node-cli:用于Mathjax-node的CLI工具
05-25
1. **命令行接口**：用户可以通过在终端中输入命令来调用MathJax-node的功能，无需编写额外的JavaScript代码，这极大地提高了工作效率。 2. **公式转换**：可以将LaTeX或MathML公式转换为SVG、PNG或HTML-CSS格式的...
MathJax-node：用于节点的MathJax
02-04
利用npm install mathjax-node安装mathjax-node及其依赖项。 注意：当前版本的mathjax-node需要Node.js v6或更高版本，并使用jsdom版本11。入门mathjax-node提供了一个库./lib/main.js 。 下面是一个使用它的非常...
mathjax-node-page：页面的mathjax-node
02-04
安装mathjax-node-page及其依赖项。 用法 mathjax-node-page导出mjpage ，它需要四个参数： mjpage ( input , mjpageConfig , mjnodeConfig , callback ) 如果input是带有HTML或jsdom对象的字符串（应通过导出的JS...
MathJax最新版本
11-01
MathJax最新版本，完美解决复杂数学公式在页面上的显示问题
mathjax-vue:MathJax 的 Vue 组件
08-05
mathjax-vue MathJax 的 Vue 组件 安装 Vue2 // npm npm i --save mathjax-vue // yarn yarn add mathjax-vue Vue3 // vue 3 npm i --save mathjax-vue3 // yarn yarn add mathjax-vue3 用法 import MathJax, ...
mathjax-react:用于MathJax的React组件库
05-17
安装安装mathjax-react软件包： npm install --save mathjax-react 将MathJax-full安装为兄弟依赖项。 这使捆绑程序可以摇动mathjax-full树并减小捆绑程序大小。 npm install --save mathjax-full 或者，使用纱线： ...
GitHub页面数学公式显示问题
dady_1036的博客
12-18 2060
GitHub页面数学公式显示问题 在chrome浏览器安装MathJax Plugin for Github扩展程序，解决GitHub在线浏览文本资料数学公式的显示问题。 （这个插件也只能解决大部分公式的显示问题，目前还未找到全部解决的办法） 先下载扩展程序安装包： 链接: https://pan.baidu.com/s/1MusiKjLX1PlNwPbY0a-t2Q 提取码: xm2q 但是当我们下载好插件文件需要离线安装的时候，手动把crx文件拖动到扩展页面安装碰到程序包无效:“CEX_HEADER_I
UNIAPP使用MathJax解析数学公式
u011628993的博客
04-20 2858
近期有个需求，将之前后台录入的MathJax公式解析展示到APP中，研究了一下论坛里的代码，最终实现了需求，将代码和遇到的问题整理一下发出来，分享一下经验。 实现的效果图在下面附件中，目前**只测试过安卓APP，H5和苹果APP未测试** 核心代码如下： 因为目前只有一个页面使用数学公式，所以未封装，多个页面需要的话可以自行封装一个JS。 将代码完整的复制到vue页面里即可使用 ```javascript <script module="MathJax" lang="renderjs".
MathJax基本的使用方式
热门推荐
GG的专栏
07-04 2万+
依照mathjax-basic-tutorial-and-quick-reference，总结mathjax的基本用法。
<!DOCTYPE html> <html> <head> <title>MathJax Example</title> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script> <style> #canvas { position: relative; width: 100%; height: 95vh; background-color: #CCFFCC; } .mathjax-formula { font-size: 2.8em; position: absolute; cursor: move; padding: 5px; border-radius: 5px; color: black; } .mathjax-formula:focus { outline: none; border: 2px solid black; } </style> </head> <body> <div id="canvas"> <div id="mathjax-formulas-container"></div> </div> <script> var formulas = []; var selectedFormula = null; var isDragging = false; function createFormula(latexCode, x, y) { var mathjaxFormulasContainer = document.getElementById("mathjax-formulas-container"); var newFormula = document.createElement("div"); newFormula.className = "mathjax-formula"; newFormula.style.left = x + "px"; newFormula.style.top = y + "px"; newFormula.contentEditable = true; newFormula.innerText = latexCode; mathjaxFormulasContainer.appendChild(newFormula); formulas.push({ latexCode: latexCode, position: { x: x, y: y } });
07-14
在页面上有一个画布（canvas），其中包含一个具有id为"mathjax-formulas-container"的容器。公式将被添加到这个容器中。 代码中定义了一个createFormula函数，它接受LaTeX代码、x坐标和y坐标作为参数。该函数会创建...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值