From 4e3d97b2bab9eb12ecd5eacb87b2c24485d7d64f Mon Sep 17 00:00:00 2001
From: Build Automaion <buildautomation@syncfusion.com>
Date: Mon, 11 Nov 2024 17:11:14 +0530
Subject: [PATCH] Integrated latest changes at 11-11-2024 4:30:48 PM

---
 ej2-react/diagram/interaction.md          | 35 +++++++++++++++++++++--
 ej2-react/diagram/tools.md                |  2 +-
 ej2-react/image-editor/getting-started.md |  2 +-
 3 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/ej2-react/diagram/interaction.md b/ej2-react/diagram/interaction.md
index 0418b016a..eadefeded 100644
--- a/ej2-react/diagram/interaction.md
+++ b/ej2-react/diagram/interaction.md
@@ -135,8 +135,32 @@ The client-side method [`selectAll`](https://ej2.syncfusion.com/react/documentat
 
 ```ts
 let diagramInstance: DiagramComponent;
-let selectedNodes: NodeModel[] = diagramInstance.selectedItems.nodes;
-let selectedConnector: ConnectorModel[] = diagramInstance.selectedItems.connectors;
+let nodes: NodeModel[] = [
+  {
+    id: 'node1',
+    width: 90,
+    height: 60,
+    offsetX: 100,
+    offsetY: 100,
+    style: {
+      fill: '#6BA5D7',
+      strokeColor: 'white',
+      strokeWidth: 1,
+    },
+  },
+  {
+    id: 'node2',
+    width: 90,
+    height: 60,
+    offsetX: 300,
+    offsetY: 100,
+    style: {
+      fill: '#6BA5D7',
+      strokeColor: 'white',
+      strokeWidth: 1,
+    },
+  },
+];
 // initialize Diagram component
 function App() {
   return (
@@ -145,10 +169,15 @@ function App() {
       ref={(diagram) => (diagramInstance = diagram)}
       width={'100%'}
       height={'600px'}
+      nodes={nodes}
+      created={() => {
+        //Select a specified collection of nodes and connectors in the diagram
+        diagramInstance.selectAll();
+      }}
     />
   );
 }
-const root = ReactDOM.createRoot(document.getElementById('diagram'));
+const root = createRoot(document.getElementById('diagram'));
 root.render(<App />);
 
 ```
diff --git a/ej2-react/diagram/tools.md b/ej2-react/diagram/tools.md
index 0bafd7b4b..1b5841d6b 100644
--- a/ej2-react/diagram/tools.md
+++ b/ej2-react/diagram/tools.md
@@ -124,7 +124,7 @@ The following code illustrates how to draw a polyline connector.
 
 ![Polyline connector drawing](images/polyline-draw.gif)
 
-N> To make the segment thumb visible, inject the [`ConnectorEditing`](../api/diagram/connectorEditing/) module into the diagram.
+N> To make the segment thumb visible, inject the [`ConnectorEditing`](https://ej2.syncfusion.com/react/documentation/api/diagram/connectorEditing/) module into the diagram.
 
 ### Freehand Drawing
 
diff --git a/ej2-react/image-editor/getting-started.md b/ej2-react/image-editor/getting-started.md
index b8140eff8..7748cfb89 100644
--- a/ej2-react/image-editor/getting-started.md
+++ b/ej2-react/image-editor/getting-started.md
@@ -8,7 +8,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Getting Started
+# Getting Started in the React Image Editor component
 
 This section explains how to create and configure a simple [React Image Editor component](https://www.syncfusion.com/react-components/react-image-editor).