You can extend the 'texteditor' editor and apply it to the editable datagrid component.
$.extend($.fn.datagrid.defaults.editors, {
texteditor: {
init: function(container,options){
var ed = $('<div></div>').appendTo(container);
ed.texteditor(options);
return ed;
},
destroy: function(target){
$(target).texteditor('destroy');
},
getValue: function(target){
return $(target).texteditor('getValue');
},
setValue: function(target, value){
$(target).texteditor('setValue', value);
},
resize: function(target,width){
$(target).texteditor('resize', {width:width});
}
}
})
Usage example:
editor:{
type:'texteditor',
options:{
height:200,
//...
}
}