I'm trying to move from jquery-te-1.4.0 to CKeditor (inline) and am quite a newbie with JS
The original code used for jquery-te was:
var stopBlur = false; a.html("<textarea "+title+"name=\"textarea\" id=\""+ a.attr('id') +"_field\">" + a.html() + "</textarea>"); editor = a.find('textarea'); editor.jqte({focus: function(){stopBlur=true;setTimeout(function(){stopBlur=false;},200);},blur: function(){setTimeout(function(){if(stopBlur)return;fieldSave(a.attr('id'),a.find('div.jqte_editor').html());},50)}}); $('div.jqte_tool').click(function(){ stopBlur = true; setTimeout(function(){stopBlur = false;},200); a.find('div.jqte_editor').focus(); }); a.find('div.jqte_editor').focus();
My current (non-functional) code for CKe is:
var stopBlur = false; a.html("<div "+title+"name=\"div\" id=\""+ a.attr('id') +"_field\" class=\"editable\" contenteditable=\"true\">" + a.html() + "</div>"); editor = a.find('div'); editor.ckeditor({focus: function(){stopBlur=true;setTimeout(function(){stopBlur=false;},200);},blur: function(){setTimeout(function(){if(stopBlur)return;fieldSave(a.attr('id'),a.find(div.ckeditor).html());},50)}}); $('div.cke_toolbox').click(function(){ stopBlur = true; setTimeout(function(){stopBlur = false;},200); a.find('div.ckeditor').focus(); }); a.find('div.ckeditor').focus();
It won't save or open a new instance on blur/focus .... I'm lost :-(
a little progress
My current is:
var stopBlur = false;
a.html("<textarea "+title+"name=\"textarea\" id=\""+ a.attr('id') +"_field\" class=\"editable\" contenteditable=\"true\">" + a.html() + "</textarea>");
editor = a.find('textarea');
editor.ckeditor({focus: function(){stopBlur=true;setTimeout(function(){stopBlur=false;},200);},blur: function(){setTimeout(function(){if(stopBlur)return;fieldSave(a.attr('id'),a.find(div.ckeditor).html());},50)}});
$('div.ckeditor_tool').click(function(){
stopBlur = true;
setTimeout(function(){stopBlur = false;},200);
a.find('div.ckeditor').focus();
});
a.find('div.ckeditor').focus();
CKEDITOR.disableAutoInline = false;
var editor = CKEDITOR.inline( a.attr('id') );
it's partly working ans shows the editors , but It's not loosing focus or save ...