# [<img src="https://katex.org/img/katex-logo-black.svg" width="130" alt="KaTeX">](https://katex.org/)
[![npm](https://img.shields.io/npm/v/katex.svg)](https://www.npmjs.com/package/katex)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![CI](https://github.com/KaTeX/KaTeX/workflows/CI/badge.svg?branch=main&event=push)](https://github.com/KaTeX/KaTeX/actions?query=workflow%3ACI)
[![codecov](https://codecov.io/gh/KaTeX/KaTeX/branch/main/graph/badge.svg)](https://codecov.io/gh/KaTeX/KaTeX)
[![Discussions](https://img.shields.io/badge/Discussions-join-brightgreen)](https://github.com/KaTeX/KaTeX/discussions)
[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/katex/badge?style=rounded)](https://www.jsdelivr.com/package/npm/katex)
![katex.min.js size](https://img.badgesize.io/https://unpkg.com/katex/dist/katex.min.js?compression=gzip)
[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/KaTeX/KaTeX)
[![Financial Contributors on Open Collective](https://opencollective.com/katex/all/badge.svg?label=financial+contributors)](https://opencollective.com/katex)
KaTeX is a fast, easy-to-use JavaScript library for TeX math rendering on the web.
* **Fast:** KaTeX renders its math synchronously and doesn't need to reflow the page. See how it compares to a competitor in [this speed test](https://www.intmath.com/cg5/katex-mathjax-comparison.php).
* **Print quality:** KaTeX's layout is based on Donald Knuth's TeX, the gold standard for math typesetting.
* **Self contained:** KaTeX has no dependencies and can easily be bundled with your website resources.
* **Server side rendering:** KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.
KaTeX is compatible with all major browsers, including Chrome, Safari, Firefox, Opera, Edge, and IE 11.
KaTeX supports much (but not all) of LaTeX and many LaTeX packages. See the [list of supported functions](https://katex.org/docs/supported.html).
Try out KaTeX [on the demo page](https://katex.org/#demo)!
## Getting started
### Starter template
```html
<!DOCTYPE html>
<!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly -->
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.css" integrity="sha384-3UiQGuEI4TTMaFmGIZumfRPtfKQ3trwQE2JgosJxCnGmQpL/lJdjpcHkaaFwHlcI" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js" integrity="sha384-G0zcxDFp5LWZtDuRMnBkk3EphCK1lhEf4UEyEM693ka574TZGwo4IWwS6QLzM/2t" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
</head>
...
</html>
```
You can also [download KaTeX](https://github.com/KaTeX/KaTeX/releases) and host it yourself.
For details on how to configure auto-render extension, refer to [the documentation](https://katex.org/docs/autorender.html).
### API
Call `katex.render` to render a TeX expression directly into a DOM element.
For example:
```js
katex.render("c = \\pm\\sqrt{a^2 + b^2}", element, {
throwOnError: false
});
```
Call `katex.renderToString` to generate an HTML string of the rendered math,
e.g., for server-side rendering. For example:
```js
var html = katex.renderToString("c = \\pm\\sqrt{a^2 + b^2}", {
throwOnError: false
});
// '<span class="katex">...</span>'
```
Make sure to include the CSS and font files in both cases.
If you are doing all rendering on the server, there is no need to include the
JavaScript on the client.
The examples above use the `throwOnError: false` option, which renders invalid
inputs as the TeX source code in red (by default), with the error message as
hover text. For other available options, see the
[API documentation](https://katex.org/docs/api.html),
[options documentation](https://katex.org/docs/options.html), and
[handling errors documentation](https://katex.org/docs/error.html).
## Demo and Documentation
Learn more about using KaTeX [on the website](https://katex.org)!
## Contributors
### Code Contributors
This project exists thanks to all the people who contribute code. If you'd like to help, see [our guide to contributing code](CONTRIBUTING.md).
<a href="https://github.com/KaTeX/KaTeX/graphs/contributors"><img src="https://contributors-svg.opencollective.com/katex/contributors.svg?width=890&button=false" alt="Code contributors" /></a>
### Financial Contributors
Become a financial contributor and help us sustain our community.
#### Individuals
<a href="https://opencollective.com/katex"><img src="https://opencollective.com/katex/individuals.svg?width=890" alt="Contribute on Open Collective"></a>
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website.
<a href="https://opencollective.com/katex/organization/0/website"><img src="https://opencollective.com/katex/organization/0/avatar.svg" alt="Organization 1"></a>
<a href="https://opencollective.com/katex/organization/1/website"><img src="https://opencollective.com/katex/organization/1/avatar.svg" alt="Organization 2"></a>
<a href="https://opencollective.com/katex/organization/2/website"><img src="https://opencollective.com/katex/organization/2/avatar.svg" alt="Organization 3"></a>
<a href="https://opencollective.com/katex/organization/3/website"><img src="https://opencollective.com/katex/organization/3/avatar.svg" alt="Organization 4"></a>
<a href="https://opencollective.com/katex/organization/4/website"><img src="https://opencollective.com/katex/organization/4/avatar.svg" alt="Organization 5"></a>
<a href="https://opencollective.com/katex/organization/5/website"><img src="https://opencollective.com/katex/organization/5/avatar.svg" alt="Organization 6"></a>
<a href="https://opencollective.com/katex/organization/6/website"><img src="https://opencollective.com/katex/organization/6/avatar.svg" alt="Organization 7"></a>
<a href="https://opencollective.com/katex/organization/7/website"><img src="https://opencollective.com/katex/organization/7/avatar.svg" alt="Organization 8"></a>
<a href="https://opencollective.com/katex/organization/8/website"><img src="https://opencollective.com/katex/organization/8/avatar.svg" alt="Organization 9"></a>
<a href="https://opencollective.com/katex/organization/9/website"><img src="https://opencollective.com/katex/organization/9/avatar.svg" alt="Organization 10"></a>
## License
KaTeX is licensed under the [MIT License](https://opensource.org/licenses/MIT).
没有合适的资源?快使用搜索试试~ 我知道了~
博客社区知识付费APP源码 资源社区源码 独有付费广告
共1196个文件
js:452个
css:265个
png:234个
1 下载量 7 浏览量
2023-10-07
23:14:40
上传
评论 2
收藏 62.8MB ZIP 举报
温馨提示
博客社区APP源码 知识付费社区APP源码 资源社区源码 独有付费广告 1.基于标签,分类,搜索词,文章字段,随机为一体的数据查询调用 2.集成了基于邮箱验证的登录注册,邮箱修改,拥有VIP会员体系。 3.集成了在线评论,在线投稿,编辑文章,发布商品等内容操作模块 4.集成了用户签到,打赏,收藏,点赞等基本交互模块,具备完善的收费功能流程。 5.整合积分商城,付费阅读,在线充值(微信,支付宝,卡密充值),提现审核。 6.本地列表数据缓存,更优秀的加载体验。 7.兼容安卓苹果APP,H5网页,微信小程序,QQ小程序,并理论兼容所有小程序平台,更多支持正 在开发… 8.拥有管理员界面,实现了权限分级,只需要在APP内就可以管理整个站点。 9.独有付费广告模块:文章推流广告,横幅广告,启动图广告等(非官方广告联盟)。 10.动态模块,聊天室(私聊,群聊),更多精彩
资源推荐
资源详情
资源评论
收起资源包目录
博客社区知识付费APP源码 资源社区源码 独有付费广告 (1196个子文件)
icon.css 70KB
main.css 63KB
base.css 58KB
katex.css 26KB
quill.bubble.css 25KB
quill.snow.css 24KB
katex.min.css 23KB
wu-ui.css 9KB
quill.core.css 9KB
editStyle.css 8KB
cropper.min.css 4KB
reset.css 3KB
nord.min.css 3KB
animation.css 3KB
style.css 3KB
index.css 2KB
grayscale.min.css 2KB
papercolor-dark.min.css 1KB
snazzy.min.css 1KB
papercolor-light.min.css 1KB
dracula.min.css 1KB
rebecca.min.css 1KB
gruvbox-light-medium.min.css 1KB
gruvbox-dark-medium.min.css 1KB
circus.min.css 1KB
gruvbox-light-hard.min.css 1KB
gruvbox-light-soft.min.css 1KB
gruvbox-dark-hard.min.css 1KB
gruvbox-dark-soft.min.css 1KB
gruvbox-dark-pale.min.css 1KB
synth-midnight-terminal-light.min.css 1KB
nova.min.css 1KB
synth-midnight-terminal-dark.min.css 1KB
spacemacs.min.css 1KB
espresso.min.css 1KB
atelier-sulphurpool-light.min.css 1KB
night-owl.min.css 1KB
atelier-lakeside-light.min.css 1KB
oceanicnext.min.css 1KB
atelier-savanna-light.min.css 1KB
atelier-seaside-light.min.css 1KB
atelier-plateau-light.min.css 1KB
atelier-estuary-light.min.css 1KB
outrun-dark.min.css 1KB
atelier-forest-light.min.css 1KB
atelier-sulphurpool.min.css 1KB
atelier-dune-light.min.css 1KB
horizon-light.min.css 1KB
atelier-cave-light.min.css 1KB
windows-95-light.min.css 1KB
horizon-dark.min.css 1KB
harmonic16-light.min.css 1KB
solar-flare-light.min.css 1KB
nnfx-light.min.css 1KB
atelier-heath-light.min.css 1KB
harmonic16-dark.min.css 1KB
grayscale-light.min.css 1KB
brush-trees-dark.min.css 1KB
solarized-light.min.css 1KB
atelier-lakeside.min.css 1KB
dark-violet.min.css 1KB
nnfx-dark.min.css 1KB
atelier-estuary.min.css 1KB
atelier-plateau.min.css 1KB
grayscale-dark.min.css 1KB
windows-10-light.min.css 1KB
solarized-dark.min.css 1KB
atelier-savanna.min.css 1KB
atelier-seaside.min.css 1KB
silk-light.min.css 1KB
one-light.min.css 1KB
atelier-forest.min.css 1KB
porple.min.css 1KB
windows-high-contrast-light.min.css 1KB
windows-high-contrast.min.css 1KB
tender.min.css 1KB
summerfruit-dark.min.css 1KB
xcode-dusk.min.css 1KB
silk-dark.min.css 1KB
atelier-cave.min.css 1KB
danqing.min.css 1KB
atelier-dune.min.css 1KB
marrakesh.min.css 1KB
solar-flare.min.css 1KB
brush-trees.min.css 1KB
brogrammer.min.css 1KB
atelier-heath.min.css 1KB
nebula.min.css 1KB
darkmoss.min.css 1KB
pasque.min.css 1KB
darktooth.min.css 1KB
default-light.min.css 1KB
default-dark.min.css 1KB
windows-95.min.css 1KB
summerfruit-light.min.css 1KB
brewer.min.css 1KB
gigavolt.min.css 1KB
onedark.min.css 1KB
apathy.min.css 1KB
embers.min.css 1KB
共 1196 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论
行动之上
- 粉丝: 2272
- 资源: 927
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功