Equation Editor

Standalone Example

Source Code

<head>
  <script src="https://editor.codecogs.com/eqneditor.api.min.js"></script>
</head>
<body>
<div id="equation-editor">
  <div id="history"></div>
  <div id="toolbar"></div>
  <div id="latexInput"></div>
  <div id="equation-output">
    <img id="output"/>
  </div>
</div>

<!-- Main scripts to setup and control export features of Editor -->
<script>
$(document).ready(function(){
  textarea = EqEditor.TextArea.link('latexInput')
    .addToolbar(new EqEditor.Toolbar('toolbar'), true)
    .addOutput(new EqEditor.Output('output',null,null,'https://latex.codecogs.com'))
    .addOutput(new EqEditor.Output('eqcoderaw', 'exportmessage', 'url', 'https://latex.codecogs.com'))
    .addHistoryMenu(new EqEditor.History('history'));
});
</script>
</body>

See the Documentation and API for more information on configuring the editor.

fxRender CKEditor Tiny MCE