@syncfusion/ej2-angular-richtexteditor 29.2.4-738301 → 29.2.4-771571

package/CHANGELOG.md

@@ -2,13 +2,6 @@
 
 ## [Unreleased]
 
-### RichTextEditor
-
-#### Bug Fixes
-
-- `#I724398` - Now, the issue with the console error while running `Vitest` unit tests in the rich text editor has been resolved.
-- `#FB67289` - Now, the issue where the Edit Link popup did not retain the URL after applying font color in the Rich Text Editor has been resolved.
-
 ## 29.1.40 (2025-04-29)
 
 ### RichTextEditor

package/README.md

@@ -119,4 +119,4 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) for more info.
 
-&copy; Copyright 2022 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential<sup>®</sup> Studio license and copyright applies to this distribution.
+© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

package/package.json

@@ -1,33 +1,44 @@
 {
-  "name": "@syncfusion/ej2-angular-richtexteditor",
-  "version": "29.2.4-738301",
-  "description": "Essential JS 2 RichTextEditor component for Angular",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
-  "schematics": "./schematics/collection.json",
-  "dependencies": {
-    "@syncfusion/ej2-base": "~29.2.4",
-    "@syncfusion/ej2-angular-base": "~29.2.4",
-    "@syncfusion/ej2-richtexteditor": "29.2.4-738301",
-    "tslib": "^2.3.0"
+  "_from": "@syncfusion/ej2-angular-richtexteditor@*",
+  "_id": "@syncfusion/ej2-angular-richtexteditor@29.1.40",
+  "_inBundle": false,
+  "_integrity": "sha512-0bd8ApPUIgQpoNjc7fT5DEIsMnC3UfV6qQ4fj4SojXs9xrnjEwARXm0ah+sbI82z9gWzO0hq9F66aRSRoJf3mw==",
+  "_location": "/@syncfusion/ej2-angular-richtexteditor",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-angular-richtexteditor@*",
+    "name": "@syncfusion/ej2-angular-richtexteditor",
+    "escapedName": "@syncfusion%2fej2-angular-richtexteditor",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
   },
-  "keywords": [
-    "angular-rich-text-editor",
-    "angular-html-editor",
-    "angular-markdown-editor",
-    "angular-wysiwyg-editor"
+  "_requiredBy": [
+    "/"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-richtexteditor/-/ej2-angular-richtexteditor-29.1.40.tgz",
+  "_shasum": "ed15cafb479eee4a0f8854738eed7e4d623afc94",
+  "_spec": "@syncfusion/ej2-angular-richtexteditor@*",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/ivypackages/included",
+  "author": {
+    "name": "Syncfusion Inc."
   },
-  "sideEffects": true,
-  "module": "fesm2015/syncfusion-ej2-angular-richtexteditor.mjs",
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-angular-ui-components/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-angular-base": "~29.2.4",
+    "@syncfusion/ej2-base": "~29.2.4",
+    "@syncfusion/ej2-richtexteditor": "29.2.4-771571"
+  },
+  "deprecated": false,
+  "description": "Essential JS 2 RichTextEditor component for Angular",
   "es2020": "fesm2020/syncfusion-ej2-angular-richtexteditor.mjs",
   "esm2020": "esm2020/syncfusion-ej2-angular-richtexteditor.mjs",
-  "fesm2020": "fesm2020/syncfusion-ej2-angular-richtexteditor.mjs",
-  "fesm2015": "fesm2015/syncfusion-ej2-angular-richtexteditor.mjs",
-  "typings": "syncfusion-ej2-angular-richtexteditor.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
@@ -40,5 +51,25 @@
       "node": "./fesm2015/syncfusion-ej2-angular-richtexteditor.mjs",
       "default": "./fesm2020/syncfusion-ej2-angular-richtexteditor.mjs"
     }
-  }
+  },
+  "fesm2015": "fesm2015/syncfusion-ej2-angular-richtexteditor.mjs",
+  "fesm2020": "fesm2020/syncfusion-ej2-angular-richtexteditor.mjs",
+  "homepage": "https://www.syncfusion.com/angular-components",
+  "keywords": [
+    "angular-rich-text-editor",
+    "angular-html-editor",
+    "angular-markdown-editor",
+    "angular-wysiwyg-editor"
+  ],
+  "license": "SEE LICENSE IN license",
+  "module": "fesm2015/syncfusion-ej2-angular-richtexteditor.mjs",
+  "name": "@syncfusion/ej2-angular-richtexteditor",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/syncfusion/ej2-angular-ui-components.git"
+  },
+  "schematics": "./schematics/collection.json",
+  "sideEffects": false,
+  "typings": "syncfusion-ej2-angular-richtexteditor.d.ts",
+  "version": "29.2.4-771571"
 }

package/schematics/collection.json

@@ -1,40 +1,11 @@
 {
-  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "ng-add": {
-      "description": "Adds Essential JS 2 specific Angular package to an application",
-      "factory": "./ng-add",
-      "schema": "./ng-add/schema.json"
-    },
-    "richtexteditor-iframe": {
-      "description": "Create an Angular RichTextEditor component with iframe feature",
-      "factory": "./generators/richtexteditor-iframe",
-      "schema": "./generators/richtexteditor-iframe/schema.json"
-    },
-    "richtexteditor-inline": {
-      "description": "Create an Angular RichTextEditor component with inline feature",
-      "factory": "./generators/richtexteditor-inline",
-      "schema": "./generators/richtexteditor-inline/schema.json"
-    },
-    "richtexteditor-markdown": {
-      "description": "Create an Angular RichTextEditor component with markdown feature",
-      "factory": "./generators/richtexteditor-markdown",
-      "schema": "./generators/richtexteditor-markdown/schema.json"
-    },
-    "richtexteditor-overview": {
-      "description": "Create an Angular RichTextEditor component with all tools",
-      "factory": "./generators/richtexteditor-overview",
-      "schema": "./generators/richtexteditor-overview/schema.json"
-    },
-    "richtexteditor-reactform": {
-      "description": "Create an Angular RichTextEditor component with reactive form",
-      "factory": "./generators/richtexteditor-reactform",
-      "schema": "./generators/richtexteditor-reactform/schema.json"
-    },
-    "richtexteditor-templatedriven": {
-      "description": "Create an Angular RichTextEditor component with template form",
-      "factory": "./generators/richtexteditor-templatedriven",
-      "schema": "./generators/richtexteditor-templatedriven/schema.json"
-    }
-  }
-}
+                "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+                "schematics": {
+                  "ng-add": {
+                    "description": "Adds Essential JS 2 specific Angular package to an application",
+                    "factory": "./ng-add",
+                    "schema": "./ng-add/schema.json"
+                  }
+                }
+              }
+              

package/schematics/ng-add/index.js

@@ -4,6 +4,6 @@ const lib_details_1 = require("./../utils/lib-details");
 const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
 function default_1(options) {
     const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
-    return (0, schematics_1.install)(options, libOptions);
+    return schematics_1.install(options, libOptions);
 }
 exports.default = default_1;

package/schematics/ng-add/index.ts

@@ -1,10 +1,10 @@
-import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
-import { install } from '@syncfusion/ej2-angular-base/schematics';
-import { OptionsSchema, LibOptionsSchema } from './schema';
-import { Rule } from '@angular-devkit/schematics';
-
-export default function (options: OptionsSchema): Rule {
-	const libOptions: LibOptionsSchema = Object.assign({},
-		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
-	return install(options, libOptions);
-}
+import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
+import { install } from '@syncfusion/ej2-angular-base/schematics';
+import { OptionsSchema, LibOptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+
+export default function (options: OptionsSchema): Rule {
+	const libOptions: LibOptionsSchema = Object.assign({},
+		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
+	return install(options, libOptions);
+}

package/schematics/ng-add/schema.json

@@ -1,34 +1,34 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "ngAdd",
-  "title": "Add Essential JS 2 Angular packages",
-  "type": "object",
-  "properties": {
-    "skipPackageJson": {
-      "type": "boolean",
-      "default": false,
-      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
-    },
-    "modules": {
-      "type": "string",
-      "default": "",
-      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
-    },
-    "modulePath": {
-      "type": "string",
-      "default": "",
-      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
-    },
-    "theme": {
-      "enum": [
-        "material",
-        "fabric",
-        "bootstrap",
-        "highcontrast"
-      ],
-      "default": "material",
-      "description": "Used to change the theme that needs to be imported"
-    }
-  },
-  "required": []
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/ng-add/schema.ts

@@ -1,30 +1,30 @@
-export interface OptionsSchema {
-    // Whether to skip package.json install.
-    skipPackageJson: boolean;
-
-    // Used to specify required module names
-    modules: string;
-
-    // Used to specify custom module path
-    modulePath: string;
-
-    // Used to specify theme name
-    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
-
-    // Name of the project to target.
-    project?: string;
-}
-
-export interface LibOptionsSchema {
-    // Package name
-    pkgName: string;
-
-    // Package version
-    pkgVer: string;
-
-    // Library base module name
-    moduleName: string;
-
-    // Theme version
-    themeVer: string;
-}
+export interface OptionsSchema {
+    // Whether to skip package.json install.
+    skipPackageJson: boolean;
+
+    // Used to specify required module names
+    modules: string;
+
+    // Used to specify custom module path
+    modulePath: string;
+
+    // Used to specify theme name
+    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+
+    // Name of the project to target.
+    project?: string;
+}
+
+export interface LibOptionsSchema {
+    // Package name
+    pkgName: string;
+
+    // Package version
+    pkgVer: string;
+
+    // Library base module name
+    moduleName: string;
+
+    // Theme version
+    themeVer: string;
+}

package/schematics/tsconfig.json

@@ -1,25 +1,25 @@
-{
-    "compilerOptions": {
-        "lib": ["es2017", "dom"],
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "noEmitOnError": false,
-        "skipDefaultLibCheck": true,
-        "skipLibCheck": true,
-        "sourceMap": true,
-        "target": "es6",
-        "declaration": true,
-        "types": [
-            "jasmine",
-            "node"
-        ]
-    },
-    "exclude": [
-        "node_modules",
-        "src",
-        "src/**/*.ts",
-        "spec",
-        "spec/**/*.ts",
-        "@typings"
-    ]
-}
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-richtexteditor";
-export declare const pkgVer = "^29.2.4";
+export declare const pkgVer = "^29.1.40";
 export declare const moduleName = "RichTextEditorModule";
-export declare const themeVer = "~29.2.4";
+export declare const themeVer = "~29.1.40";

package/schematics/utils/lib-details.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeVer = exports.moduleName = exports.pkgVer = exports.pkgName = void 0;
 exports.pkgName = '@syncfusion/ej2-angular-richtexteditor';
 exports.pkgVer = '^29.2.4';
 exports.moduleName = 'RichTextEditorModule';

package/styles/rich-text-editor/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-richtexteditor/styles/rich-text-editor/material3-dark.scss';

package/styles/rich-text-editor/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 @import 'ej2-richtexteditor/styles/rich-text-editor/material3.scss';

package/schematics/generators/richtexteditor-iframe/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/richtexteditor-iframe/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return (0, schematics_1.componentBuilder)(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/richtexteditor-iframe/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

package/schematics/generators/richtexteditor-iframe/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/richtexteditor-iframe/sample-details.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.libModules = exports.packageName = exports.diModules = exports.sampleName = exports.componentName = void 0;
-exports.componentName = 'richtexteditor';
-exports.sampleName = 'iframe';
-exports.diModules = 'ToolbarService,LinkService,ImageService,HtmlEditorService';
-exports.packageName = '@syncfusion/ej2-angular-richtexteditor';
-exports.libModules = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-iframe/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'richtexteditor';
-export const sampleName: string = 'iframe';
-export const diModules: string =  'ToolbarService,LinkService,ImageService,HtmlEditorService';
-export const packageName: string = '@syncfusion/ej2-angular-richtexteditor';
-export const libModules: string = 'RichTextEditorModule';

package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,3 +0,0 @@
-/**
- * RTE Iframe Sample
- */

package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,44 +0,0 @@
-<div class="control-section">
-    <div id='iframe-rte'>
-        <h4>Iframe RTE</h4>
-        <ejs-richtexteditor #iframeRTE id='iframeRTE' [toolbarSettings]='tools' [iframeSettings]='iframe' [height]='height'>
-            <ng-template #valueTemplate>
-                <p>The rich text editor component is WYSIWYG ("what you see is what you get") editor that provides the best user experience to create and update the content. 
-                    Users can format their content using standard toolbar commands.</p>
-                <p><b>Key features:</b></p>
-                <ul>
-                    <li>
-                        <p>Provides &lt;IFRAME&gt; and &lt;DIV&gt; modes</p>
-                    </li>
-                    <li>
-                        <p>Capable of handling markdown editing.</p>
-                    </li>
-                    <li>
-                        <p>Contains a modular library to load the necessary functionality on demand.</p>
-                    </li>
-                    <li>
-                        <p>Provides a fully customizable toolbar.</p>
-                    </li>
-                    <li>
-                        <p>Provides HTML view to edit the source directly for developers.</p>
-                    </li>
-                    <li>
-                        <p>Supports third-party library integration.</p>
-                    </li>
-                    <li>
-                        <p>Allows preview of modified content before saving it.</p>
-                    </li>
-                    <li>
-                        <p>Handles images, hyperlinks, video, hyperlinks, uploads, etc.</p>
-                    </li>
-                    <li>
-                        <p>Contains undo/redo manager.</p>
-                    </li>
-                    <li>
-                        <p>Creates bulleted and numbered lists.</p>
-                    </li>
-                </ul>
-            </ng-template>
-        </ejs-richtexteditor>
-    </div>
-</div>

package/schematics/generators/richtexteditor-iframe/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,28 +0,0 @@
-/**
- * RTE Iframe Sample
- */
-import { Component } from '@angular/core';
-
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css']
-})
-
-export class <%= classify(name) %>Component {
-
-    // Define a required toolbar items
-    public tools: object = {
-        items: ['Bold', 'Italic', 'Underline', 'StrikeThrough',
-        'FontName', 'FontSize', 'FontColor', 'BackgroundColor',
-        'LowerCase', 'UpperCase', '|',
-        'Formats', 'Alignments', 'OrderedList', 'UnorderedList',
-        'Outdent', 'Indent', '|',
-        'CreateLink', 'Image', '|', 'ClearFormat', 'Print',
-        'SourceCode', 'FullScreen', '|', 'Undo', 'Redo']
-    };
-    // Enable the iframe
-    public iframe: object = { enable: true };
-    // Set the RTE height
-    public height: number = 500;
-}

package/schematics/generators/richtexteditor-iframe/schema.d.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-export interface Schema extends ComponentSchema {
-}

package/schematics/generators/richtexteditor-iframe/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });