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:
<!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://private.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://private.codecogs.com/js/eq_config.js" ></script>
<script type="text/javascript" src="http://private.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.