https://github.com/anywhichway/math-science-formula

A web component for rendering math and chemical formulas
https://github.com/anywhichway/math-science-formula

Last synced: about 5 hours ago
JSON representation

A web component for rendering math and chemical formulas

• Host: GitHub
• URL: https://github.com/anywhichway/math-science-formula
• Owner: anywhichway
• License: mit
• Created: 2022-09-18T11:12:48.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-15T11:53:21.000Z (about 2 years ago)
• Last Synced: 2024-11-04T06:34:59.634Z (11 days ago)
• Language: HTML
• Size: 9.77 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# math-science-formula

A web component for rendering LaTeX based math and chemical formulas.

# Usage

`@anywhichway/math-science-formula` is designed to be loaded and used from a CDN like https://www.jsdelivr.com. It is also designed

to be loaded and instantiated by `@anywhichway/quick-component`.

Insert this line into your HTML file:

```html

```

Version numbers are used above to insulate your use from unexpected changes due to future enhancements. You can also use

the most recent version of the software with the code below:

```html

```

After this you can include the tag `` in your HTML.

# Configuration

`` is not a typical web component in that it does not use slots for configuration. Instead, you just put

any LaTex for Math or Chemistry inside the start and end tags.

For example:

```html

    \sqrt[n]{1+x+x^2+x^3+\ldots}

```

```html

    \ce{2H + O -> H2O}

```

Use the element's style attribute to determine inline or block layout, not the typical '[' or '(' used with LaTeX.

# Version History (reverse chronological order)

2022010-15 v0.0.6 Added default display of 'Empty LaTex Expression' when the tag does not wrap anything

2022-09-25 v0.0.5 Improved async loading of MathJax support libraries.

2022-09-25 v0.0.4 Updated for changes to quickComponent.

2022-09-22 v0.0.3 Wrapped typeSetShadow in a try/catch block.

2022-09-19 v0.0.2 Improved rendering to shadowDOM. Updated documentation.

2022-09-18 v0.0.1 First public commit.