Changeset 27663 in webkit

Timestamp:

Nov 10, 2007, 12:02:49 AM (17 years ago)

Author:

timothy@apple.com

Message:

Reviewed by Mark Rowe.

Bug 12054: Ability to serialize an element subtree (into clipboard?) from the DOM inspector
​http://bugs.webkit.org/show_bug.cgi?id=12054

• Add support code for routing copy events to the focused element.
• Implement copying the currently selected DOM node. The node and it's subtree is copied to the clipboard. If the node has no outerHTML, the nodeValue is copied (text nodes, etc.)
• Implement copy for the resource sidebar. The URL is copied for the currently selected resource.

• page/inspector/DocumentPanel.js:
• page/inspector/inspector.js:

Location:

trunk/WebCore

Files:

• ChangeLog (modified) (1 diff)
• page/inspector/DocumentPanel.js (modified) (1 diff)
• page/inspector/inspector.js (modified) (3 diffs)

trunk/WebCore/ChangeLog

@@ +1 @@
+2007-11-09  Timothy Hatcher  <timothy@apple.com>
+
+        Reviewed by Mark Rowe.
+
+        Bug 12054: Ability to serialize an element subtree (into clipboard?) from the DOM inspector
+        http://bugs.webkit.org/show_bug.cgi?id=12054
+
+        - Add support code for routing copy events to the focused element.
+        - Implement copying the currently selected DOM node. The node
+          and it's subtree is copied to the clipboard. If the node has no
+          outerHTML, the nodeValue is copied (text nodes, etc.)
+        - Implement copy for the resource sidebar. The URL is copied for the
+          currently selected resource.
+
+        * page/inspector/DocumentPanel.js:
+        * page/inspector/inspector.js:
+
 2007-11-09  Antti Koivisto  <antti@apple.com>
 

trunk/WebCore/page/inspector/DocumentPanel.js

@@ -346 +346 @@
     },
 
+    handleCopyEvent: function(event)
+    {
+        if (this.currentView !== this.views.dom)
+            return;
+
+        // Don't prevent the normal copy if the user has a selection.
+        if (!window.getSelection().isCollapsed)
+            return;
+
+        switch (this.focusedDOMNode.nodeType) {
+            case Node.ELEMENT_NODE:
+                var data = this.focusedDOMNode.outerHTML;
+                break;
+
+            case Node.COMMENT_NODE:
+                var data = "<!--" + this.focusedDOMNode.nodeValue + "-->";
+                break;
+
+            default:
+            case Node.TEXT_NODE:
+                var data = this.focusedDOMNode.nodeValue;
+        }
+
+        event.clipboardData.clearData();
+        event.preventDefault();
+
+        if (data)
+            event.clipboardData.setData("text/plain", data);
+    },
+
     rightSidebarResizerDragStart: function(event)
     {

trunk/WebCore/page/inspector/inspector.js

@@ -246 +246 @@
     document.addEventListener("focus", function(event) { WebInspector.changeFocus(event) }, true);
     document.addEventListener("keypress", function(event) { WebInspector.documentKeypress(event) }, true);
+    document.addEventListener("beforecopy", function(event) { WebInspector.documentCanCopy(event) }, true);
+    document.addEventListener("copy", function(event) { WebInspector.documentCopy(event) }, true);
 
     document.getElementById("back").title = "Show previous panel.";
@@ -332 +334 @@
 }
 
+WebInspector.documentCanCopy = function(event)
+{
+    if (!this.currentFocusElement)
+        return;
+    // Calling preventDefault() will say "we support copying, so enable the Copy menu".
+    if (this.currentFocusElement.handleCopyEvent)
+        event.preventDefault();
+    else if (this.currentFocusElement.id && this.currentFocusElement.id.length && WebInspector[this.currentFocusElement.id + "Copy"])
+        event.preventDefault();
+}
+
+WebInspector.documentCopy = function(event)
+{
+    if (!this.currentFocusElement)
+        return;
+    if (this.currentFocusElement.handleCopyEvent)
+        this.currentFocusElement.handleCopyEvent(event);
+    else if (this.currentFocusElement.id && this.currentFocusElement.id.length && WebInspector[this.currentFocusElement.id + "Copy"])
+        WebInspector[this.currentFocusElement.id + "Copy"](event);
+}
+
 WebInspector.sidebarKeypress = function(event)
 {
@@ -366 +389 @@
 }
 
+WebInspector.sidebarCopy = function(event)
+{
+    event.clipboardData.clearData();
+    event.preventDefault();
+
+    var selectedElement = this.fileOutline.selectedTreeElement;
+    if (!selectedElement || !selectedElement.representedObject || !selectedElement.representedObject.url)
+        return;
+
+    event.clipboardData.setData("URL", this.fileOutline.selectedTreeElement.representedObject.url);
+}
+
 WebInspector.mainKeypress = function(event)
 {
     if (this.currentPanel && this.currentPanel.handleKeyEvent)
         this.currentPanel.handleKeyEvent(event);
+}
+
+WebInspector.mainCopy = function(event)
+{
+    if (this.currentPanel && this.currentPanel.handleCopyEvent)
+        this.currentPanel.handleCopyEvent(event);
 }