Comments on: This is Me Professing My Love for jQuery and How I Got CKEditor Working with jEditable

By: AVGP

AVGP — Fri, 20 Jan 2012 12:06:47 +0000

@john: I had the same problem and after googling a while I – by sheer luck – found the issue:
You need to specify
onblur: “ignore”
on your code. Leaving it out or setting it to “cancel” will cause the editor to disappear when being clicked.

By: john

john — Fri, 12 Aug 2011 07:29:57 +0000

Thanks for a great plugin, but i have a problem.

The ckeditor is displayed, but the moment i click inside the editor it is destroyed.
Another thing i noticed was that if i click a button and try to edit the text it is getting edited.

Could you tell me why is this happening?

By: Jonas

Jonas — Tue, 26 Apr 2011 11:33:44 +0000

Jonathan, you hopefully found a solution by now, but others might like to know how to use custom ckeditor settings with this great plugin for jeditable.
I got it working using the code below:

$(“#mydiv”).editable(“http://www.url.net/”, {
type : “ckeditor”,
submit : ‘OK’,
cancel : ‘cancel’,
tooltip : “Click to edit…”,
onblur : “ignore”,
ckeditor : {
toolbar:
[
['Source','Maximize'],
['Undo','Redo'],
['Link','Unlink','Image','SpecialChar']
],
height: 260,
startupFocus: true
}
});

By: Jonathan

Jonathan — Tue, 29 Mar 2011 20:50:03 +0000

So I understand now that I should retrieve the editor from CKEDITOR.instances[] but if I try with the id generated (jq$0 by exemple, it is not working. Could you help me ?

By: Jonathan

Jonathan — Tue, 29 Mar 2011 14:57:24 +0000

This plugin is great but I have a problem with the config.
How can I replace the default config of the ckeditor with your plugin ?

I try with a lot of configuration but I receive an error message.

I try CKEDITOR.replace(myelement, {customConfig:myconfig}) by exemple. But it’s not working.

Thanks a lot

By: Tommy

Tommy — Mon, 13 Sep 2010 17:18:53 +0000

actually, the id part should read:

id: id->EditValue ? >,

By: Tommy

Tommy — Mon, 13 Sep 2010 16:20:20 +0000

Jeremy, I’ve changed it a bit, will this work?

$(function() {

$(“.editable_textarea”).editable(“test.php”, {
indicator : “”,
type : ‘textarea’,
id: id->EditValue ?>,
submitdata: { _method: “put” },
select : true,
submit : ‘OK’,
cancel : ‘cancel’,
cssclass : “editable”
});

});

This section: grabs the record id. Will it submit to test.php?

By: Tommy

Tommy — Mon, 13 Sep 2010 14:55:56 +0000

Jeremy, thanks for the quick response. I have this in the

$(function() {

$(“.editable_textarea”).editable(“test.php”, {
indicator : “”,
type : ‘textarea’,
submitdata: { _method: “put” },
select : true,
submit : ‘OK’,
cancel : ‘cancel’,
cssclass : “editable”
});

});

I think that is correct, jeditable works, but CKEditor does not initialize. As for posting, What I want this for is an edit only page. my test.php page looks like this:

include “config.php”;
var $id = ;
var $textareavalue = $_REQUEST[""];
$query = mysql_query(“UPDATE ckdata SET text2=’$textareavalue’ where”);

My problem is I don’t know the id or name of the textarea jeditable creates. Also I need to capture the id of the current page being edited. Any help is appreciated.

By: Jeremy Bell

Jeremy Bell — Thu, 09 Sep 2010 17:19:07 +0000

@qamar – You can set the width and height when calling CKEDITOR.replace(). Just include the values you want in the parameters array like this: CKEDITOR.replace(element_id, {width:500, height:500});

@Tommy – Sounds like CKEDITOR is not being initialized. I won’t be able to help much without a specific example. As for how you post submitted form data back into a database, all I can say is it really depends on what you are trying to do. Sounds like you might need to explore how to access your database from PHP.

By: Tommy

Tommy — Thu, 09 Sep 2010 16:27:05 +0000

I’m trying to integrate this, but I’m having… issues. For one, All I am getting is the standard textarea without ckeditor integration. 2nd, and my larger problem, is how do i then post this back to the database?

forgive the noob questions, but I really want to understand this.

By: JB

JB — Tue, 06 Jul 2010 16:04:04 +0000

very nice!

One thing I’d like to add is, that I had to remove

onblur:’cancel’,

from the jquery.jeditable.mini.js, because it kept closing the editor when a popup within ckeditor opened like the “Image” popup.