{"id":13459643,"url":"https://github.com/arnog/mathlive","last_synced_at":"2025-05-12T20:49:19.234Z","repository":{"id":37587964,"uuid":"94145668","full_name":"arnog/mathlive","owner":"arnog","description":"A web component for easy math input","archived":false,"fork":false,"pushed_at":"2025-05-03T14:55:31.000Z","size":42796,"stargazers_count":1729,"open_issues_count":137,"forks_count":313,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-05-04T04:01:55.050Z","etag":null,"topics":["custom-elements","editor","javascript","math","mathfield","typescript","webcomponent"],"latest_commit_sha":null,"homepage":"https://cortexjs.io/mathlive","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arnog.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"custom":"https://www.paypal.com/donate/?hosted_button_id=3HDGGW42AGMQN"}},"created_at":"2017-06-12T22:20:20.000Z","updated_at":"2025-05-03T21:00:34.000Z","dependencies_parsed_at":"2022-07-12T16:32:25.553Z","dependency_job_id":"4be44517-3849-4a02-bfec-f05e77a005c1","html_url":"https://github.com/arnog/mathlive","commit_stats":{"total_commits":3141,"total_committers":88,"mean_commits":35.69318181818182,"dds":0.1805157593123209,"last_synced_commit":"01cc65dc8e4750f598eae35b0a3350c62b7975c7"},"previous_names":[],"tags_count":114,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnog%2Fmathlive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnog%2Fmathlive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnog%2Fmathlive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnog%2Fmathlive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arnog","download_url":"https://codeload.github.com/arnog/mathlive/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253820254,"owners_count":21969491,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom-elements","editor","javascript","math","mathfield","typescript","webcomponent"],"created_at":"2024-07-31T10:00:23.813Z","updated_at":"2025-05-12T20:49:19.210Z","avatar_url":"https://github.com/arnog.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg alt=\"math live\" src=\"assets/mathlive-1.png?raw=true\"\u003e\n\u003c/div\u003e\n\n\u003ch3\u003e\u003cstrong\u003eMathLive\u003c/strong\u003e\u003c/h3\u003e\n\u003ch1\u003eA Web Component for Math Input\u003c/h1\u003e\n\n[![Maintenance](https://img.shields.io/maintenance/yes/2025.svg)]()\n[![GitHub license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://raw.githubusercontent.com/arnog/mathlive/master/LICENSE.txt)\n\nThe MathLive library includes a `\u003cmath-field\u003e` web component that provides an\neasy-to-use interface for editing math.\n\nWith over 800 **built-in LaTeX commands**, MathLive renders beautiful,\n**TeX-quality typesetting**.\n\nMathfields are designed for **mobile devices** with an extensive set of virtual\nkeyboards for math input, and are compatible with screen readers, including\ncustom math-to-speech support for improved accessibility.\n\nMathfields output their content as LaTeX, MathML, ASCIIMath, and MathJSON\nformats.\n\nAnd the best part? They're easy to customize to your needs!\n\n\u003cimg src=\"assets/screenshots/mathlive-demo.png\"\u003e\n\n\u003ctable align=\"center\" \u003e\n    \u003ctr\u003e\n        \u003ctd width='50%' align='center' style=\"border:none;\"\u003e\n            \u003cimg alt=\"The popover panel\" \n            style='margin:15px; box-shadow: 0px 5px 15px #000; border: 1px solid #eee' \n            src=\"assets/screenshots/popover.png\"\u003e\n        \u003c/td\u003e\n        \u003ctd width='50%' align='center' style=\"border:none;\"\u003e\n            \u003cimg alt=\"A Virtual Keyboard\" \n            style='margin:15px; box-shadow: 0px 5px 15px #000; border: 1px solid #eee' \n            src=\"assets/screenshots/virtualKeyboard.png\"\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr style=\"background-color: initial; border: none;\"\u003e\n        \u003ctd colspan=\"2\" align=\"center\" style=\"border:none;\"\u003e\n            \u003cimg width=\"50%\" alt=\"The Loop Equation\" \n            style='margin:15px; box-shadow: 0px 5px 15px #000; border: 1px solid #eee' \n            src=\"assets/screenshots/loop-eqn.png\"\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n## 🚀 Getting Started\n\nUsing MathLive is easy! Simply add a `\u003cmath-field\u003e` tag to your page. It\ninitializes automatically and works just like a `\u003ctextarea\u003e` or `\u003cbutton\u003e`\nelement. You can manipulate the mathfield using methods of the element and\nlisten for events to be notified when its internal state changes.\n\n```bash\nnpm install mathlive\n```\n\n```javascript\nimport 'mathlive';\n```\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en-US\"\u003e\n  \u003cbody\u003e\n    \u003cmath-field\u003ef(x)= x+1\u003c/math-field\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\nYou can also add it using a CDN:\n\n```html\n\u003chead\u003e\n    \u003cscript src=\"https://unpkg.com/mathlive\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n```\n\nCheck documentation for [React](https://cortexjs.io/mathfield/guides/react/),\n[Svelte](https://cortexjs.io/mathfield/guides/svelte/) and\n[interaction with Mathfield](https://cortexjs.io/mathfield/guides/interacting/).\n\n## 📖 Documentation\n\nMathLive has an extensive set of documentation to help you get started,\nincluding guides on interacting with a mathfield, customizing it, executing\ncommands, defining custom LaTeX macros, managing inline and keyboard shortcuts,\ncontrolling speech output, and displaying static math formulas. You can find all\nof these guides on the [CortexJS.io website](https://cortexjs.io/mathfield/).\n\nIn addition to the guides, you can also find reference documentation of the\nMathLive API on the\n[Mathfield API Reference page](https://cortexjs.io/mathfield/api/).\n\n## FAQ\n\n**Q:** When is the next release?\n\nMathLive follows a semi-annual release cycle, with major releases typically\nscheduled for June and January. These may be followed by patch releases to\naddress any issues that arise shortly after deployment. Additionally, an\nout-of-band release can be made if requested by a sponsor or if a community\nmember submits a pull request and requests a release to include their\ncontribution.\n\n## Related Projects\n\n\u003cdl\u003e\n  \u003cdt\u003e\u003ca href=\"https://cortexjs.io/math-json\"\u003eMathJSON\u003c/a\u003e (on \u003ca href=\"https://github.com/cortex-js/math-json\"\u003eGitHub\u003c/a\u003e)\u003c/dt\u003e\n  \u003cdd\u003eA lightweight data interchange format for mathematical notation.\u003c/dd\u003e  \n  \u003cdt\u003e\u003ca href=\"https://cortexjs.io/compute-engine\"\u003eCompute Engine\u003c/a\u003e (on \u003ca href=\"https://github.com/cortex-js/math-json/tree/master/src/compute-engine\"\u003eGitHub\u003c/a\u003e)\u003c/dt\u003e\n  \u003cdd\u003eThe CortexJS Compute Engine performs calculations on MathJSON expressions\u003c/dd\u003e  \n  \u003cdt\u003e\u003ca href=\"https://cortexjs.io/cortex\"\u003eCortex\u003c/a\u003e (on \u003ca href=\"https://github.com/cortex-js/math-json/tree/master/src/cortex\"\u003eGitHub\u003c/a\u003e)\u003c/dt\u003e\n  \u003cdd\u003eCortex is a programming language for scientific computing (work in progress)\u003c/dd\u003e  \n\u003c/dl\u003e\n\n## 💬 Contact Us\n\n- Chat with the\n  [CortexJS Assistant](https://chat.openai.com/g/g-8YgEfR7ig-cortexjs-assistant)\n- Join our [Discord server](https://discord.gg/yhmvVeJ4Hd)\n- Drop a line to [arno@arno.org](arno@arno.org)\n\n## 📃 License\n\nThis project is licensed under the [MIT License](LICENSE.txt).\n","funding_links":["https://www.paypal.com/donate/?hosted_button_id=3HDGGW42AGMQN"],"categories":["By Industry","语言资源库","TypeScript","By Language","Uncategorized"],"sub_categories":["Web Development","typescript","TypeScript","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnog%2Fmathlive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnog%2Fmathlive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnog%2Fmathlive/lists"}