DevTools: fix DOM multiline editing, extract multiline editor API.

Source/devtools/front_end/ui/InplaceEditor.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  */
 WebInspector.InplaceEditor = function()
 {
 }
 
 /**
+ * @typedef {{cancel: function(), commit: function(), setWidth: function(number)}}
+ */
+WebInspector.InplaceEditor.Controller;
+
+/**
  * @param {!Element} element
  * @param {!WebInspector.InplaceEditor.Config=} config
- * @return {?{cancel: function(), commit: function(), setWidth: function(number)}}
+ * @return {?WebInspector.InplaceEditor.Controller}
  */
 WebInspector.InplaceEditor.startEditing = function(element, config)
 {
     if (!WebInspector.InplaceEditor._defaultInstance)
         WebInspector.InplaceEditor._defaultInstance = new WebInspector.InplaceEditor();
     return WebInspector.InplaceEditor._defaultInstance.startEditing(element, config);
 }
 
+/**
+ * @param {!Element} element
+ * @param {!WebInspector.InplaceEditor.Config=} config
+ * @return {!Promise.<!WebInspector.InplaceEditor.Controller>}
+ */
+WebInspector.InplaceEditor.startMultilineEditing = function(element, config)
+{
+    return self.runtime.instancePromise(WebInspector.InplaceEditor).then(startEditing);
+
+    /**
+     * @param {!Object} inplaceEditor
+     * @return {!WebInspector.InplaceEditor.Controller|!Promise.<!WebInspector.InplaceEditor.Controller>}
+     */
+    function startEditing(inplaceEditor)
+    {
+        var controller = /** @type {!WebInspector.InplaceEditor} */ (inplaceEditor).startEditing(element, config);
+        if (!controller)
+            return Promise.rejectWithError("Editing is already in progress");
+        return controller;
+    }
+}
+
 WebInspector.InplaceEditor.prototype = {
     /**
      * @return {string}
      */
     editorContent: function(editingContext) {
         var element = editingContext.element;
         if (element.tagName === "INPUT" && element.type === "text")
             return element.value;
 
         return element.textContent;
@@ skipping 33 matching lines @@
             element.textContent = editingContext.oldText;
     },
 
     augmentEditingHandle: function(editingContext, handle)
     {
     },
 
     /**
      * @param {!Element} element
      * @param {!WebInspector.InplaceEditor.Config=} config
-     * @return {?{cancel: function(), commit: function()}}
+     * @return {?WebInspector.InplaceEditor.Controller}
      */
     startEditing: function(element, config)
     {
         if (!WebInspector.markBeingEdited(element, true))
             return null;
 
         config = config || new WebInspector.InplaceEditor.Config(function() {}, function() {});
         var editingContext = { element: element, config: config };
         var committedCallback = config.commitHandler;
         var cancelledCallback = config.cancelHandler;
@@ skipping 95 matching lines @@
             handleEditingResult(result, event);
         }
 
         element.addEventListener("blur", blurEventListener, isMultiline);
         element.addEventListener("keydown", keyDownEventListener, true);
         if (pasteCallback)
             element.addEventListener("paste", pasteEventListener, true);
 
         var handle = {
             cancel: editingCancelled.bind(element),
-            commit: editingCommitted.bind(element)
+            commit: editingCommitted.bind(element),
+            setWidth: function() {}
         };
         this.augmentEditingHandle(editingContext, handle);
         return handle;
     }
 }
 
 /**
  * @constructor
  * @param {function(!Element,string,string,T,string)} commitHandler
  * @param {function(!Element,T)} cancelHandler
@@ skipping 35 matching lines @@
 
     /**
      * @param {string} initialValue
      * @param {!Object} mode
      * @param {string} theme
      * @param {boolean=} lineWrapping
      * @param {boolean=} smartIndent
      */
     setMultilineOptions: function(initialValue, mode, theme, lineWrapping, smartIndent)
     {
+        this.multiline = true;
         this.initialValue = initialValue;
         this.mode = mode;
         this.theme = theme;
         this.lineWrapping = lineWrapping;
         this.smartIndent = smartIndent;
     },
 
     setCustomFinishHandler: function(customFinishHandler)
     {
         this.customFinishHandler = customFinishHandler;
     }
 }