I am having trouble with using CKEditor. I followed instructions in the manual and still can't get my site work correctly. I have two instances if ckeditor and they are contained in different forms. When I try to run the site, I cannot select the other editor. I can only select one editor. Here is the code fragment of my site and am very hopeful that somebody here could help me, I really don't know what went wrong since I'm into JSP and have little knowledge of javascript:
<form name="form1" action="EditDC.jsp" method="POST">
<p>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
DC Name) DC Information Edit:<br />
<textarea id="dcInfoEditor" name="dcInfoEditor"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'dcInfoEditor',
{
toolbar :
[
['Save','NewPage','Preview','-'],
['Cut','Copy','Paste','-', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Table','HorizontalRule','Smiley','SpecialChar'],
'/',
['Format','FontSize'],
['TextColor','BGColor']
],
width : 450,
height : 200
});
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
<form name="form2" action="EditAll.jsp" method="POST">
<p>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
All DC Information Edit:<br />
<textarea id="allDCEditor" name="allDCEditor"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'allDCEditor',
{
toolbar :
[
['Save','NewPage','Preview','-'],
['Cut','Copy','Paste','-', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Table','HorizontalRule','Smiley','SpecialChar'],
'/',
['Format','FontSize'],
['TextColor','BGColor']
],
width : 450,
height : 200
});
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
<form name="form1" action="EditDC.jsp" method="POST">
<p>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
DC Name) DC Information Edit:<br />
<textarea id="dcInfoEditor" name="dcInfoEditor"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'dcInfoEditor',
{
toolbar :
[
['Save','NewPage','Preview','-'],
['Cut','Copy','Paste','-', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Table','HorizontalRule','Smiley','SpecialChar'],
'/',
['Format','FontSize'],
['TextColor','BGColor']
],
width : 450,
height : 200
});
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
<form name="form2" action="EditAll.jsp" method="POST">
<p>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
All DC Information Edit:<br />
<textarea id="allDCEditor" name="allDCEditor"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'allDCEditor',
{
toolbar :
[
['Save','NewPage','Preview','-'],
['Cut','Copy','Paste','-', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Table','HorizontalRule','Smiley','SpecialChar'],
'/',
['Format','FontSize'],
['TextColor','BGColor']
],
width : 450,
height : 200
});
</script>
</p>
<p>
<input type="submit" />
</p>
</form>