Quickstart

The standard editor includes everything you need to write beautiful equations. You can integrate this into your website using only the following code.

<head>
  <script src="https://editor.codecogs.com/eqneditor.api.min.js"></script>
  <link rel="stylesheet" href="https://editor.codecogs.com/eqneditor.css"/>
  <script>
    window.onload = function () {
      textarea = EqEditor.TextArea.link('latexInput')
        .addOutput(new EqEditor.Output('output'))
        .addHistoryMenu(new EqEditor.History('history'));
    
      EqEditor.Toolbar.link('toolbar').addTextArea(textarea);
    }
  </script>
</head>
<body>
  <div id="equation-editor">
    <div id="history"></div>
    <div id="toolbar"></div>
    <div id="latexInput" placeholder="Write Equation here..."></div>
    <div id="equation-output">
      <img id="output">
    </div>
  </div>
</body>

Continue to Editor Integrations to see examples of how you can build on this basic design to create an equation editor to fit seamlessly into your website. Or head to the API Reference to take a look at all the ways the editor can be altered.