---
title: "Maths editor"
description: "MathJax/LaTeX live editor"
canonicalURL: "/tools/mathsEditor/"
---
{% extends "_layouts/base.html" %}

{% block head %}
<script defer src="/assets/js/tools.mathsEditor.js?{{ assetRefreshKey }}"></script>
<link rel="stylesheet" href="/assets/css/tools.mathsEditor.css?{{ assetRefreshKey }}">
<script src="https://cdn.tedted.dev/mathjax/mathjaxConfig.js"></script>
<script defer id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js"></script>
{% endblock %}

{% block main %}
<h1>Maths editor</h1>

<div class="center">
  <div id="button-deck"></div>
  <textarea id="maths-input" cols="70" rows="10"></textarea>
  <div id="maths-output"></div>
</div>
{% endblock %}