diff --git a/js/makegrid.js b/js/makegrid.js
index 3c90a62c8a..21c3ec8852 100644
--- a/js/makegrid.js
+++ b/js/makegrid.js
@@ -573,6 +573,13 @@ function PMA_makegrid(t, enableResize, enableReorder, enableVisib, enableGridEdi
{
if (!g.isCellEditActive) {
var $cell = $(cell);
+
+ if ($cell.is('.text')) {
+ g.cEdit = g.cEditTextarea;
+ } else {
+ g.cEdit = g.cEditStd;
+ }
+
// remove all edit area and hide it
$(g.cEdit).find('.edit_area').empty().hide();
// reposition the cEdit element
@@ -633,6 +640,10 @@ function PMA_makegrid(t, enableResize, enableReorder, enableVisib, enableGridEdi
? data.truncatableFieldValue
: $this_field.data('value');
+ //Add
before carriage return.
+ new_html = escapeHtml(new_html);
+ new_html = new_html.replace('\n', '
\n');
+
//remove decimal places if column type not supported
if (($this_field.attr('data-decimals') === 0) && ( $this_field.attr('data-type').indexOf('time') != -1)) {
new_html = new_html.substring(0, new_html.indexOf('.'));
@@ -650,7 +661,7 @@ function PMA_makegrid(t, enableResize, enableReorder, enableVisib, enableGridEdi
if ($this_field.hasClass('hex') && $this_field.find('a').length) {
selector = 'a';
}
- $this_field.find(selector).text(new_html);
+ $this_field.find(selector).html(new_html);
}
if ($this_field.is('.bit')) {
$this_field.find('span').text($this_field.data('value'));
@@ -808,7 +819,7 @@ function PMA_makegrid(t, enableResize, enableReorder, enableVisib, enableGridEdi
}
//reset the position of the edit_area div after closing datetime picker
- $('.edit_area').css({'top' :'0','position':''});
+ $(g.cEdit).find('.edit_area').css({'top' :'0','position':''});
if ($td.is('.relation')) {
//handle relations
@@ -1012,10 +1023,10 @@ function PMA_makegrid(t, enableResize, enableReorder, enableVisib, enableGridEdi
$('.cEdit').append(datepicker_div);
var edit_area_top = $('#ui-datepicker-div').height()+32;
- $('.edit_area').css({'top' : edit_area_top+'px', 'position': 'absolute'});
+ $(g.cEdit).find('.edit_area').css({'top' : edit_area_top+'px', 'position': 'absolute'});
if(is_null){
- $('.edit_area').hide();
+ $(g.cEdit).find('.edit_area').hide();
}
// cancel any click on the datepicker element
@@ -1653,12 +1664,19 @@ function PMA_makegrid(t, enableResize, enableReorder, enableVisib, enableGridEdi
}
// create cell edit wrapper element
- g.cEdit = document.createElement('div');
+ g.cEditStd = document.createElement('div');
+ g.cEdit = g.cEditStd;
+ g.cEditTextarea = document.createElement('div');
+
+ // adjust g.cEditStd
+ g.cEditStd.className = 'cEdit';
+ $(g.cEditStd).html('