SyncfusionExamples · MaithiliyK · Mar 23, 2026 · Mar 17, 2026 · Mar 17, 2026 · Mar 17, 2026
diff --git a/.github/workflows/gitleaks.yaml b/.github/workflows/gitleaks.yaml
@@ -0,0 +1,44 @@
+name: Secret Value found!!
+on:
+  push:
+  public:
+jobs:
+  scan:
+    name: gitleaks
+    runs-on: ubuntu-latest
+    steps:
+     - name: Checkout
+       uses: actions/checkout@v4.2.2 
+     - name: Install the gitleaks
+       run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
+       shell: pwsh
+     - name: Extract the tar file
+       run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
+     - name: Generate the report
+       id: gitleaks
+       run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
+       shell: bash
+       continue-on-error: true
+     - name: Setup NuGet.exe
+       if: steps.gitleaks.outcome != 'success'
+       uses: nuget/setup-nuget@v2
+       with:
+          nuget-version: latest
+     - name: Install Mono
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+        sudo apt update
+        sudo apt install -y mono-complete
+     - name: Install the dotnet SDK to a custom directory
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+        mkdir -p $GITHUB_WORKSPACE/dotnet
+        curl -sSL https://dot.net/v1/dotnet-install.sh | bash /dev/stdin --install-dir $GITHUB_WORKSPACE/dotnet --channel 6.0
+     - name: Install the report tool packages
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+           export PATH=$GITHUB_WORKSPACE/dotnet:$PATH
+           nuget install "Syncfusion.Email" -source ${{ secrets.NexusFeedLink }} -ExcludeVersion
+           dir $GITHUB_WORKSPACE/Syncfusion.Email/lib/net6.0
+           dotnet $GITHUB_WORKSPACE/Syncfusion.Email/lib/net6.0/GitleaksReportMail.dll ${{ secrets.CITEAMCREDENTIALS }} "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE" ${{ secrets.ORGANIZATIONNAME }}
+           exit 1
diff --git a/README.md b/README.md
@@ -1,2 +1,26 @@
-# react-feature-rich-rte
-This repository contains a complete example that shows how to use all the main features of the React RTE component in one place, making it easier to explore and understand its capabilities.
+# react-feature-rich-rte
+
+This sample demonstrates the full capabilities of the Syncfusion [React Rich Text Editor](https://www.syncfusion.com/react-components/react-rich-text-editor) by integrating all available APIs into a single, interactive experience. Users can dynamically enable or disable features such as toolbar configuration, read-only mode, content formatting, image and file insertion, character limit, paste cleanup—directly through the UI—without writing a single line of code. This makes it an ideal tool for presales evaluations, customer demos, and internal testing, allowing users to explore and understand the Rich Text Editor's flexibility and power in real time.
+
+<p align="center"> 
+<img src="src/assets/images/react-rte-preview.jpg" alt="React Rich Text Editor Preview"/>
+</p>
+
+## Project prerequisites
+Make sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ) and [NodeJS](https://nodejs.org/en/download) or later version in your machine before starting to work on this project.
+
+## How to run this application?
+
+1. Clone the react-feature-rich-rte repository.
+2. Run the `npm install` command to install the required packages
+3. Replace YOUR_LICENSE_KEY in registerLicense method of the index.tsx file with your license key.
+
+<p align="center"> 
+<img src="src/assets/images/register-license.png" alt="Register License"/>
+</p>
+
+4. Run your project using the `npm start` command.
+
+## Further help
+For more help, check the [Syncfusion React Rich Text Editor example](https://ej2.syncfusion.com/react/demos/#/tailwind3/rich-text-editor/tools),
+ [Syncfusion React Rich Text Editor documentation](https://ej2.syncfusion.com/react/documentation/rich-text-editor/getting-started).
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="Essential JS 2 for React - Feature Rich RTE">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <title>Essential JS 2 for React - Feature Rich RTE</title>
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
+    <link href="https://cdn.syncfusion.com/ej2/33.1.44/material3.css" class="theme-primary" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.syncfusion.com/content/images/common/menu/master/icons/menufontV2.css?v1">
+    <link rel="stylesheet" href="https://cdn.syncfusion.com/content/stylesheets/components/bootstrap/BootstrapLayoutv132.min.css">
+</head>
+
+<body>
+    <div id="content-area"></div>
+</body>
+
+</html>
diff --git a/license b/license
@@ -0,0 +1,10 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
diff --git a/package.json b/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@syncfusion/ej2-react-feature-rich-rte",
+  "version": "1.0.0",
+  "description": "Essential JS 2 - Feature Rich RTE",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "scripts": {
+    "start": "webpack-dev-server --open --mode development",
+    "build": "webpack --mode production"
+  },
+  "devDependencies": {
+    "@svgr/webpack": "^8.1.0",
+    "@types/node": "^20.4.1",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-router-dom": "^5.3.3",
+    "css-loader": "^6.8.1",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.3",
+    "mini-css-extract-plugin": "^2.7.6",
+    "terser-webpack-plugin": "^5.3.9",
+    "ts-loader": "^9.4.4",
+    "typescript": "^5.1.6",
+    "webpack": "^5.88.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.2.1"
+  },
+  "dependencies": {
+    "@syncfusion/ej2-react-richtexteditor": "*",
+    "@syncfusion/ej2-react-buttons": "*",
+    "@syncfusion/ej2-react-dropdowns": "*",
+    "@syncfusion/ej2-react-popups": "*",
+    "@syncfusion/ej2-react-navigations": "*",
+    "@syncfusion/ej2-react-inputs": "*",
+    "@syncfusion/ej2-react-lists": "*",
+    "moment-timezone": "^0.5.47",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.14.1"
+  }
+}
diff --git a/src/assets/images/China-16.jpg b/src/assets/images/China-16.jpg
diff --git a/src/assets/images/China.jpg b/src/assets/images/China.jpg
diff --git a/src/assets/images/France-16.jpg b/src/assets/images/France-16.jpg
diff --git a/src/assets/images/France.jpg b/src/assets/images/France.jpg
diff --git a/src/assets/images/UAE-16.jpg b/src/assets/images/UAE-16.jpg
diff --git a/src/assets/images/UAE.jpg b/src/assets/images/UAE.jpg
diff --git a/src/assets/images/react-rte-preview.jpg b/src/assets/images/react-rte-preview.jpg
diff --git a/src/assets/images/register-license.png b/src/assets/images/register-license.png