I am using CKEditor inline to assign editor to my divs dynamically generated onclick. I am using the following code and I am not able to integrate CKFinder to CKEditor for inline CKEditor.
Below is my script:
<script>
var count = 0;
function appendEditor(id) {
count=count+1;
if(id=="b1")
{
var el = $('<li><div id="div'+count+'" contenteditable="true" style="width:570px;overflow: auto;padding: 5px;outline: 1px solid grey;">1st div</div></li>');
}
else if(id=="b2")
{
var el = $('<li><div id="div'+count+'" contenteditable="true" style="width:570px;overflow: auto;padding: 5px;outline: 1px solid grey;">2nd div</div></li>');
}
// Append the element to <body>.
$( 'ul#sortable' ).append( el );
CKEDITOR.disableAutoInline = true;
var divid = "div"+count;
var editor = CKEDITOR.inline( document.getElementById(divid) );
config.extraPlugins = 'inlinesave';
CKEDITOR.replace( 'div1',
{
filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?type=Images',
filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?type=Flash',
filebrowserUploadUrl :
'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files¤tFolder=images1/',
filebrowserImageUploadUrl :
'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images¤tFolder=images2/',
filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});
}
Kindly suggest how to achieve this. Thank you.