I have a form, and would like to allow the user to add additional text areas. I would like to use jquery to create the field, and then have the new text area be an instance of the editor. Is this possible and, if so, how? I know how to create the instance of the editor using jquery, but I must not be properly creating the form field because the instance of the editor will not occur on the dynamically created field.
Thanks for your help.
Marc
Thanks for your help.
Marc
Re: Dynamic insert field with jquery & create instance of ed
i try to do the same thing. Did you found how to do it ?
Thanks,
MP
Re: Dynamic insert field with jquery & create instance of ed
Re: Dynamic insert field with jquery & create instance of ed
Did any one has found any solution to this problem.
Could you please help on this issue.
Thanks
Re: Dynamic insert field with jquery & create instance of ed
I have done some research on dynamic ckeditor instance creation on fly. I just done quck example.I am posting html code here. Make sure all js files are included. Code can improved. Copy this code in to html, click on create ckeditor instance button it creates ckeditor dynamically. when you click on submit it will loop through all ckeditor instances and print the values from the editor.
Thanks.
<!DOCTYPE html>
<html>
<head>
<title>New Ckeditor Instance Dynamically</title>
<script type="text/javascript" src="ckeditor_3.5/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="scripts/jquery-1.4.4.js"></script>
<script type="text/javascript" src="ckeditor_3.5/ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('.jquery_ckeditor').ckeditor();
});
</script>
<script>
function newCkeditor(){
$('<div><textarea><\/textarea><\/div>')
.appendTo('#body').find('textarea').ckeditor();
}
function clicked(){
for ( instance in CKEDITOR.instances ){
alert("ckeditor values : " + CKEDITOR.instances[instance].getData());
}
}
</script>
</head>
<body>
<form id="one" method="post">
<div class="module">
<div class="banner" id="banner">
<span>Ckeditor</span>
</div>
<div class="body" id="body">
<textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" rows="10"></textarea><br/><br/>
</div>
</div>
</form>
<p><input type="button" value="Create New Ckeditor Instance Dynamically" onclick="javascript:newCkeditor()"></button></p>
<input type="submit" value="Submit" onClick="clicked()"/>
</body>
</html>