mathjax-angular

This plugins implements the browser version of [Mathjax v3][1] into [Angular][2]

_Note_:This library was generated with [Angular CLI][8] version 19.

Feature

This library helps you implement the version 3 of Mathjax into any of your angular web application.

Install

Below are the steps you need to use this library.
NPM:

``
npm install mathjax-angular
`

Yarn:

`
yarn add mathjax-angular
`

Configure the module

Load the module in the @NgModule class of the application. You need
to pass a RootMathjaxConfig instance to the config method to
configure the module.

$3

We provide a premade example with the library itself, You can see the example [here][3], or alternatively run it locally by cloning the [repository][4] and running.

To do that first install the requirements:

`
npm install (or) yarn
`

Then either run it in production:

`
npm run prod (or) yarn prod
`

or run it in dev:

`
npm run dev (or) yarn dev
`

$3

When importing in the root module, the module should be configured
with _.forRoot_ method.

`typescript
import { NgModule } from "@angular/core";
import { AppComponent } from "./src/app/app.component";

/Import/
import { MathjaxModule } from "mathjax-angular";

/Configuration/
@NgModule({
declarations: [AppComponent],
imports: [MathjaxModule.forRoot(/Optional Config/)],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
`

You can optionally pass config. for this refer to [majax configuration guide][5]

Current configuration defaults to:

`typescript
{
"config": {
"loader": {
"load": ["output/svg", "[tex]/require", "[tex]/ams"]
},
"tex": {
"inlineMath": [["$", "$"]],
"packages": ["base", "require", "ams"]
},
"svg": { "fontCache": "global" }
},
"src": "https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/startup.js"
}
`

- For _config_ field refer [this][6].
- For _src_ field refer [CDN][7].

When importing in a child module, the module must be configured to
re-use the same module instance as the root module. So simply
configure the module with the _.forChild_ method.

`typescript
import { MathjaxModule } from 'mathjax-angular';
...
imports: [
MathjaxModule.forChild()
]
...
`

Typeset an element

Add the mathjax directive to elements which you want to apply
MathJax typesetting on load.

`html



`

In your ts component

`typescript
content = "$x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}$";
``

Info and Help

For more info and help with the mathjax library refer to [their site][1].

[1]: https://docs.mathjax.org/en/latest/
[2]: https://angular.io/
[3]: https://github.com/sajivkumar/mathjax-angular/tree/main/projects/example
[4]: https://github.com/sajivkumar/mathjax-angular.git
[5]: http://docs.mathjax.org/en/latest/web/configuration.html
[6]: http://docs.mathjax.org/en/latest/web/configuration.html#configuring-and-loading-mathjax
[7]: https://cdnjs.com/libraries/mathjax
[8]: https://github.com/angular/angular-cli