texsvg

TeX to SVG

by remarkablemark

HTML

<textarea rows="4" cols="50" placeholder="Enter TeX...">x^2</textarea>
<br>
<button>TeX to SVG</button>
<br>
<br>
<a target="_blank" rel="noopener noreferrer">
  <img>
</a>
<br>
<br>
<br>
<br>

JavaScript

var textarea = document.querySelector('textarea');
var button = document.querySelector('button');
var a = document.querySelector('a');
var img = document.querySelector('img');

/**
 * https://github.com/remarkablemark/texsvg-server
 * https://replit.com/@remarkablemark/texsvg-server-GitHub
 */
var base = 'https://texsvg-server-github.remarkablemark.repl.co/?tex=';

button.addEventListener('click', function() {
  var latex = textarea.value.trim();
  var url = base + encodeURIComponent(latex);
  img.src = url;
  a.href = url;
});