diff --git a/src/graph/graph-node.ts b/src/graph/graph-node.ts
index d094747..8979aca 100644
--- a/src/graph/graph-node.ts
+++ b/src/graph/graph-node.ts
@@ -160,8 +160,8 @@ export class GraphNode {
 
         return `
             <g class="port ${portClass}" transform="${transform || "matrix(1, 0, 0, 1, 0, 0)"}"
-               data-connection-id="${port.connectionId}"
-               data-port-id="${port.id}"
+               data-connection-id="${HtmlUtils.escapeHTML(port.connectionId)}"
+               data-port-id="${HtmlUtils.escapeHTML(port.id)}"
             >
                 <g class="io-port">
                     <circle cx="0" cy="0" r="7" class="port-handle"></circle>
diff --git a/src/utils/html-utils.ts b/src/utils/html-utils.ts
index 07b5405..19c0b36 100644
--- a/src/utils/html-utils.ts
+++ b/src/utils/html-utils.ts
@@ -4,6 +4,7 @@ export class HtmlUtils {
         "&": "&amp;",
         "<": "&lt;",
         ">": "&gt;",
+        "\"": "&quot;",
         "\"\"": "&quot;",
         "'": "&#39;",
         "/": "&#x2F;"