Home

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">
<head>
<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"/>
<![endif]-->
<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 -->

</head>
<body>
<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">
EqEditor.embed('editor','');
var a=new EqTextArea('equation', 'testbox');
EqEditor.add(a,false);

var b=new EqTextArea('equation2', 'testbox2');
EqEditor.add(b,false);
</script>


</body>
</html>

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