CKeditor с множественными динамическими текстовыми пространствами
У меня есть формы, которые позволяют отправлять несколько шагов. Когда пользователь нажимает «добавить шаг», появляется другое текстовое поле. Я использую CKeditor. Он отлично работает на первой итерации, но на всех последующих показывает стандартную текстовую область. Вот мой код:
<form method="post" action="process_project.php">
<b>Steps for your project:</b>
<div> </div>
Step 1
<div id="divWho">
<textarea name="projSteps[]" class="steps" id="1" rows="10" cols="60"></textarea>
</div>
<div> </div>
<input type="button" value="Add project step" onClick="addTextArea();">
<input type="submit" name="submit" value="submit" />
</form>
<script type="text/javascript">
var counter = 1;
var limit = 11;
function addTextArea() {
if (counter == limit-1) {
alert("You have reached the limit of adding " + counter + " project steps");
return false;
}
else {
var newdiv = document.createElement('div');
newdiv.innerHTML = "Step " + (counter + 1) + " <br><textarea name='projSteps[]' id=counter rows='10' cols='60'>";
document.getElementById('divWho').appendChild(newdiv);
counter++
return true;
}
}
</script>
<script> CKEDITOR.replace('1');</script>
Как я могу заставить каждую новую динамически создаваемую текстовую область также использовать CKeditor? Я работал над этим часами, и я в тупике.