Example 2 - Two Input Areas

This example extend example 1 by adding a second Input Text Area. One toolbar can now be used across multiple elements on the same page

First Input Area:

Second Input Area:

Key HTML Code

<!DOCTYPE html>
<html lang="en">
<title>Example 2 - Embedded Installation</title>

<!-- Scripts needed by CodeCogs Equation Editor -->
<link rel="stylesheet" type="text/css" href="http://latex.codecogs.com/css/equation-embed.css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/ie6.css" type="text/css"/>
<script type="text/javascript" src="http://latex.codecogs.com/js/eq_config.js" ></script>
<script type="text/javascript" src="http://latex.codecogs.com/js/eq_editor-lite-18.js" ></script>
<!-- End of Scripts needed -->

<h1>Example 2</h1>

<div id="editor"></div>

<p>First Input Area:</p>
<textarea id="testbox" rows="3" cols="40"></textarea>
<img id="equation" />

<p>Second Input Area:</p>
<textarea id="testbox2" rows="3" cols="40"></textarea>
<img id="equation2" />

<script type="text/javascript">
var a=new EqTextArea('equation', 'testbox');

var b=new EqTextArea('equation2', 'testbox2');


© 2004-2013 www.CodeCogs.com, Zyba Ltd.