Changeset 247054 in webkit

Timestamp:

Jul 2, 2019 9:18:09 AM (5 years ago)

Author:

Devin Rousso

Message:

Web Inspector: Elements: allow nodes to be copied and pasted
​https://bugs.webkit.org/show_bug.cgi?id=199182

Reviewed by Matt Baker.

Copy is already supported, so there's nothing that needs to be done there.

Pasting is as simple as calling insertAdjacentHTML("afterend", ...) on the selected node.

• UserInterface/Base/Main.js:

(WI.contentLoaded):
(WI._paste): Added.

• UserInterface/Views/DOMTreeContentView.js:

(WI.DOMTreeContentView.prototype.handlePasteEvent): Added.

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Base/Main.js (modified) (2 diffs)
• UserInterface/Views/DOMTreeContentView.js (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2019-07-02  Devin Rousso  <drousso@apple.com>
+
+        Web Inspector: Elements: allow nodes to be copied and pasted
+        https://bugs.webkit.org/show_bug.cgi?id=199182
+
+        Reviewed by Matt Baker.
+
+        Copy is already supported, so there's nothing that needs to be done there.
+
+        Pasting is as simple as calling `insertAdjacentHTML("afterend", ...)` on the selected node.
+
+        * UserInterface/Base/Main.js:
+        (WI.contentLoaded):
+        (WI._paste): Added.
+
+        * UserInterface/Views/DOMTreeContentView.js:
+        (WI.DOMTreeContentView.prototype.handlePasteEvent): Added.
+
 2019-07-02  Devin Rousso  <drousso@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Base/Main.js

@@ -270 +270 @@
     document.addEventListener("beforecopy", WI._beforecopy);
     document.addEventListener("copy", WI._copy);
+    document.addEventListener("paste", WI._paste);
 
     document.addEventListener("click", WI._mouseWasClicked);
@@ -2621 +2622 @@
 };
 
+WI._paste = function(event)
+{
+    let selection = window.getSelection();
+
+    // If there is no selection, pass the paste event on to the focused element or focused ContentView.
+    if (!selection.isCollapsed || WI.isEventTargetAnEditableField(event))
+        return;
+
+    let focusedPasteHandler = WI.currentFocusElement && WI.currentFocusElement.pasteHandler;
+    if (focusedPasteHandler && focusedPasteHandler.handlePasteEvent) {
+        focusedPasteHandler.handlePasteEvent(event);
+        if (event.defaultPrevented)
+            return;
+    }
+
+    let focusedContentView = WI._focusedContentView();
+    if (focusedContentView && focusedContentView.handlePasteEvent) {
+        focusedContentView.handlePasteEvent(event);
+        return;
+    }
+
+    let tabContentView = WI.tabBrowser.selectedTabContentView;
+    if (tabContentView && tabContentView.handlePasteEvent) {
+        tabContentView.handlePasteEvent(event);
+        return;
+    }
+};
+
 WI._increaseZoom = function(event)
 {

trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js

@@ -252 +252 @@
     }
 
+    handlePasteEvent(event)
+    {
+        let selectedDOMNode = this._domTreeOutline.selectedDOMNode();
+        if (!selectedDOMNode)
+            return;
+
+        let text = event.clipboardData.getData("text/plain");
+        if (!text)
+            return;
+
+        selectedDOMNode.insertAdjacentHTML("afterend", text);
+    }
+
     get supportsSave()
     {