diff --git a/tabeleditor.inc.php b/tabeleditor.inc.php
index 4fd1e81..afb1b79 100644
--- a/tabeleditor.inc.php
+++ b/tabeleditor.inc.php
@@ -30,7 +30,7 @@
                     $entry_name = "__buttons_" . $cell_counter;
                     //$postdata .= $cell_counter;
                     if ($vars[$entry_name]!==null) { 
-                        $postdata .= $vars[$entry_name] . "|";
+                        $postdata .= preg_replace("/\\n/", "&br;", $vars[$entry_name]) . "|";
                     } else {
                         $postdata .= $cell . "|";
                     }
@@ -82,11 +82,14 @@
     $s_page = htmlsc($page);
     $string = <<<EOD
 <style>
- .style_td input {
+ .style_td textarea {
+    resize: none;
+    overflow: hidden;
     font-size: 100%;
     background: linear-gradient(#6af 0%, #fef 10%, #dde 85%, #fff 100%);
 }
 </style>
+<div id="ruler" style="display: block; word-wrap: break-word"></div>
 <script>
   function blur_handler(e) {
     var value = e.target.value;
@@ -116,41 +119,64 @@
             }
         }
     }
-    value = value.replace(/&br;/g, "<br class=\"spacer\">");
+    value = value.replace(/\\n/g, "<br class=\"spacer\">");
     elm.onclick = click_handler;
     elm.innerHTML = value;
   }
+  function __vertical_center(elm) {
+    var ruler = document.querySelector("#ruler");
+
+    ruler.innerText = elm.value;
+    if (ruler.innerText == "" || ruler.innerText.endsWith("\\n")) { ruler.innerText += "."; }
+    var pad= ((ruler.orig_height - ruler.offsetHeight)/2);
+    elm.style.paddingTop = pad + "px";
+    elm.style.height = (ruler.orig_height - pad) + "px";
+  }
+
+  function change_handler(e) {
+    var elm   = e.target;
+    __vertical_center(elm);
+  }
   function key_handler(e) {
-    if (e.keyCode == 13) e.target.blur();
-    else if (e.keyCode == 27) {
+    if (e.keyCode == 13 && !e.shiftKey) {
+            e.target.blur();
+    } else if (e.keyCode == 27) {
         e.target.value = e.target.parentNode.initial_value;
         e.target.blur();
     }
   }
   function click_handler(e) {
     e.target.onclick = null;
-    var elm = document.createElement("input");
     var value = e.target.innerHTML;
-    value = value.replace(/<br class=\"spacer\">/g, "&br;");
-
-    console.log(e.target.cellid);
+    var elm = document.createElement("textarea");
+    value = value.replace(/<br class=\"spacer\">/g, "\\n");
 
     var container = document.querySelector('.style_td');
     var style = window.getComputedStyle(container);
-    var pad = style.getPropertyValue("padding");
 
     elm.value = value;
-    elm.style.width = e.target.clientWidth + "px";
-    elm.style.height = e.target.clientHeight + "px";
-    elm.style.outline = elm.style.margin = 
-    elm.style.padding = elm.style.border = "0px";
+    elm.style.width = (e.target.clientWidth-5) + "px";
+    elm.style.height = (e.target.clientHeight-5) + "px";
+    elm.style.outline = elm.style.margin = elm.style.border = "0px";
+    elm.style.padding = "5px 0px 0px 5px";
     elm.onblur = blur_handler;
     elm.onkeydown = key_handler;
+    elm.onkeyup = change_handler;
 
     e.target.innerHTML="";
     e.target.style.padding = "0px";
     e.target.appendChild(elm);
 
+    var ruler = document.querySelector("#ruler");
+    ruler.orig_height = e.target.clientHeight;
+    ruler.style.width = elm.style.width;
+    ruler.style.offsetHeight = "0px";
+    var style = window.getComputedStyle(elm);
+    ruler.style.fontSize = style.fontSize;
+    ruler.style.fontFamily = style.fontFamily;
+
+    __vertical_center(elm);
+
     elm.focus();
   }
 
@@ -159,7 +185,7 @@
      for (let i = 0; i< node_td.length; i++) {
        node_td[i].cellid = i;
        node_td[i].onclick = click_handler; 
-       node_td[i].initial_value = node_td[i].innerHTML.replace(/<br class=\"spacer\">/g, "&br;");
+       node_td[i].initial_value = node_td[i].innerHTML.replace(/<br class=\"spacer\">/g, "\\n");
      }
    })();
 </script>