MathJax 3.0 配置方法,上手配置

最新推荐文章于 2024-08-08 10:56:24 发布
最新推荐文章于 2024-08-08 10:56:24 发布
阅读量4.6k 收藏 2
点赞数
分类专栏： 前端 文章标签： MathJax HTML 公式 网页 Latex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kcx64/article/details/101704885
版权

说明

  • 网上很多MathJax 的配置方法适用于旧版本,新版的MathJax做了一些改进.配置方式也做了调整

最简单的方案

方便起见,最简单的方案如下:

<head>
... 
    <script>MathJax = {
        tex:{
                inlineMath: [['$', '$'], ['\\(', '\\)']]
            },
        svg:{
                fontCache: 'global'
            }
        };
    </script>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script type="text/javascript" id="MathJax-script" async  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
...
</head>
  • 实际上配置方式变成了纯 JavaScript 的方式 MathJax={} 的形式
  • 旧版本中则使用的是类似 JSON写法 MathJax.Hub.Config({}) 新版本中这种写法无效.

了解更多?

kcx064
关注
专栏目录
MathJax 3 配置和上手渲染数学公式及在Vue中的使用
weixin_44041976的博客
07-18 6365
mathjax是一个用于latex、mathml和ascimath表示法的开源javascript显示引擎。mathjax的3.0版是对mathjax的彻底重写，实现了组件化，可以实现不同需求的定制，使用和配置与mathjax2版本有很大的不同，所以一定要注意版本。 最近在重构一个项目时，新增了一个需求支持latex数学公式渲染和编辑。在经过一番调研对比后，目前浏览器兼容性比较好的有两个，分别是KateX和MathJax。 性能对比截图 MathJax3 MathJax2.7 KaTex 从对比中.
mathjax-org-en-latest-3.0_3.0api_MathJax_focus_
10-02
MathJax: 让前端支持数学公式 。MathJax默认样式在被鼠标focus的时候
【vue+mathjax】mathjax的使用
最新发布
Qxn530的博客
08-08 560
vue2+mathjax
MathJax最新版本
11-01
MathJax最新版本，完美解决复杂数学公式在页面上的显示问题
Hexo博客中的Fluid主题部署MathJax渲染数学公式
Traversal-chen的博客
10-31 582
Hexo博客中的Fluid主题部署MathJax渲染数学公式
网页中配置使用MathJax
云在青天水在瓶
10-08 3298
网页中配置使用MathJax
mathJax 数学公式插件 本地引用
05-24
mathjax本地引用插件，用于显示html页面的数学公式内容，减少数学公式使用图片的解决方案。
uniapp中使用mathJax解析数学公式
03-15
可以在`mounted`生命周期钩子中调用MathJax的配置方法。 ```javascript mounted() { MathJax.config({ tex: { inlineMath: [['$', '$'], ['\\(', '\\)']], processEscapes: true, }, svg: { fontCache: '...
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, ...
tinymce-mathjax:Tinymce MathJax插件
04-30
通过添加external_plugins和mathjax使用来配置您的TinyMCE初始化设置： tinymce.init({ ... external_plugins: {'mathjax': '/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/plugin.min.js'}, toolbar: '...
本地服务器使用MathJax 3使用于web 2021 10 29更新
weixin_44753443的博客
10-29 1386
1 git 上下载压缩包 解压后找到es5 这个文件夹 整个压缩包 或者 npm install mathjax@3 然后在依赖node_modules/mathjax/es5 找到es5 这个文件夹 整个压缩包 2 把es5 这个整个压缩包 放服务器上面然后解压 3 使用script 引入 <script type="text/javascript" async src="你服务器地址/es5/tex-chtml.js?config=TeX-MML-AM_CHTML"></script
在博客园中配置MathJax
weixin_30346033的博客
12-01 205
对于经常在博客中撰写学术与技术类文章的网友来说，能够直接插入LaTeX数学公式是一项非常实用与方便的功能。幸好博客园已经提供了对MathJax数学公式的支持，只要在博客后台管理界面中的“选项”一栏中勾选“启用数学公式支持”即可。接下来，为了使用自定义的LaTeX命令与数学符号，一般来说，就需要使用Javascript对MathJax予以配置。相应的配置脚本则需要在博客后台管理界面中的“设...
MathJax3简单使用
ADKII的博客
01-14 2110
最近接触的一个项目，需要用到MathJax在页面展示数学表达式，记录一个简单的使用教程。 先简单说一下项目背景，项目用的前后端分离的，前端用的vue，MathJax用的是最新的版本version 3，为什么要强调一下这个版本呢，因为MathJax版本3和版本2在配置上有很大的差别，所以使用的时候一定要注意版本，现在就来说一下MathJax3的配置。 一、配置 官网配置说明：http://docs.mathjax.org/en/latest/web/configuration.html#configur
vue 使用MathJax 展示数学公式 svg格式 、chtml格式
qq_43529068的博客
03-31 1458
vue index.html页面 引入MathJax 包（3.0以上版本）页面中动态调用 （非动态代码会自动识别展示公式）
前端通过MathJax显示数学公式（vue+MathJax）
Beyonderwei的博客
02-28 8099
文章目录一、关于MathJax二、应用场景三、遇到的问题问题1(没有渲染效果)问题2(行间公式不被渲染)四、未来的方向 一、关于MathJax 官方网址：MathJax使用文档 简介：MathJax支持使用LaTeX，MathML或AsciiMath语法在网页中渲染数学公式。我们常用的语法为LaTex,比如该论坛支持的也是LaTex 。 二、应用场景     想实现在用户选择文件后能够直接在前...
【uni-app】详细总结uni-app基础知识和如何配置项目，运行到模拟器和小程序端，附案例和图（建议收藏）
11-28 7747
由dcloud公司开发的 多端融合框架，1次开发，多端运行;竞品：apiCloud ,appCan,Codova技术架构：Vue语法+小程序的api多端混合开发HybridApp端nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端（h5专用api）各种小程序（微信为主）HbuilderX(开发与编译工具)微信开发工具（微信小程序预览测试）安卓模拟器/真机（运行app）
vue3.x使用MathJax3注意点
HGGshiwo的博客
04-11 3395
网上有不少教程，但是实际使用还是有些问题需要记录： 参考: https://blog.csdn.net/qq_54123885/article/details/120826318 https://www.osuu.net/1456.html 1 配置和初始化 1 按照文章说的配置会报错，提升MathJax引入的错误，后来看了官网才发现，配置必须在引入js之前进行。即在index.html中加入: <script> window.MathJax = { tex: {
【开箱即用】 内网环境使用Mathjax完成数学公式的展示
weixin_53863351的博客
05-23 694
查找网上资料，大部分MathJax的使用都是采用CDN分发的形式，没有npm包的使用教程，对于内网开发者或者一些安全监管限制比较严重的项目不太友好。本文针对此问题展示了一个开箱即用的demo演示。
MathJax 瘦身记
weixin_34242658的博客
10-06 287
说来话长 对于理工科背景的人而言，无论是 Web x.0 的时代，对应的网站都应该支持数学公式。所以，QQ 不支持数学公式，就没必要用 QQ；微信不支持数学公式，就没必要用微信；微博不支持数学公式，就没必要用微博……然而这一切都要归罪于 HTML 的发明者，理工科的专家发明的东西居然不支持数学公式……虽然有个 MATHML，但基本上形同虚...
MathJax2.7中文文档：JavaScript数学渲染引擎
文档涵盖了从入门到高级配置的所有内容，包括使用CDN、自建副本、加载与配置MathJax、不同配置文件的解释、以及对TeX、LaTeX、MathML和AsciiMath的支持细节。此外，还涉及到输出格式、字体支持、本地化和安全模式等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值