Integrated latest changes at 11-11-2024 4:30:48 PM

Author: SyncfusionBuild

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 />);
 
 ```

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
 

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).