DevTools: Implement the console prompt with CodeMirror

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

Index: third_party/WebKit/Source/devtools/front_end/console/consoleView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
index 157bfb3497791b127615c0b965f7a2af64170431..053a387feb8639c8567f0cd46be20a708e03ffd8 100644
--- a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
+++ b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
@@ -57,15 +57,25 @@
 #console-prompt {
     clear: right;
     position: relative;
-    padding: 3px 22px 1px 0;
-    margin-left: 24px;
+    margin: 0 22px 0 20px;
     min-height: 18px;  /* Sync with ConsoleViewMessage.js */
-    white-space: pre-wrap;
-    -webkit-user-modify: read-write-plaintext-only;
+}
+
+#console-prompt .CodeMirror{
+    padding: 3px 0 1px 0;
+}
+
+#console-prompt .CodeMirror-line {
+    padding-top:0;
+}
+
+#console-prompt .CodeMirror-lines {
+    padding-top:0;
 }
 
 #console-prompt::before {
     background-position: -20px -20px;
+    margin-left:4px;
 }
 
 .console-log-level .console-user-command-result::before {