Using WYSIWYG (or similar editor) with Jeditable?
Using WYSIWYG (or similar editor) with Jeditable?
I am trying to intergrate the editor into Jeditable using this example:
http://www.appelsiini.net/2008/9/wysiwyg-for-jeditable
But the control doesn't show up in the datatable when I click on a row? Here's my code:
[code]
/* Apply the jEditable handlers to the table */
$('td:eq(4)', oTable.fnGetNodes()).editable(url, {
"callback": function (sValue, y) {
var aPos = oTable.fnGetPosition(this);
oTable.fnUpdate(sValue, aPos[0], aPos[1]);
},
"submitdata": function (value, settings) {
return {
"row_id": this.parentNode.getAttribute('id'),
"column": oTable.fnGetPosition(this)[2]
};
},
tooltip: 'click to edit',
height: "40px",
type: 'wysiwyg',
onblur: 'ignore',
cancel: 'Cancel',
submit: 'Save',
indicator: '',
wysiwyg: { controls: { separator04: { visible: true },
insertOrderedList: { visible: true },
insertUnorderedList: { visible: true }
}
}
});
[/code]
Anyone successful in implementing this editor or something similar?
http://www.appelsiini.net/2008/9/wysiwyg-for-jeditable
But the control doesn't show up in the datatable when I click on a row? Here's my code:
[code]
/* Apply the jEditable handlers to the table */
$('td:eq(4)', oTable.fnGetNodes()).editable(url, {
"callback": function (sValue, y) {
var aPos = oTable.fnGetPosition(this);
oTable.fnUpdate(sValue, aPos[0], aPos[1]);
},
"submitdata": function (value, settings) {
return {
"row_id": this.parentNode.getAttribute('id'),
"column": oTable.fnGetPosition(this)[2]
};
},
tooltip: 'click to edit',
height: "40px",
type: 'wysiwyg',
onblur: 'ignore',
cancel: 'Cancel',
submit: 'Save',
indicator: '',
wysiwyg: { controls: { separator04: { visible: true },
insertOrderedList: { visible: true },
insertUnorderedList: { visible: true }
}
}
});
[/code]
Anyone successful in implementing this editor or something similar?
This discussion has been closed.