Skip to content

Commit 2e92ef4

Browse files
Integrated latest changes at 07-15-2024 10:30:13 PM
1 parent 74514c6 commit 2e92ef4

39 files changed

+1627
-129
lines changed

ej2-angular-toc.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -972,6 +972,11 @@
972972
<li><a href="/ej2-angular/document-editor/how-to/customize-color-picker">Customize color picker</a></li>
973973
</ul>
974974
</li>
975+
<li>FAQ
976+
<ul>
977+
<li><a href="/ej2-angular/document-editor/faq/unsupported-file-format">Unsupported Warning Message When Opening a Document</a></li>
978+
</ul>
979+
</li>
975980
<li><a href="https://ej2.syncfusion.com/angular/documentation/api/document-editor/">API Reference</a></li>
976981
</ul>
977982
</li>
@@ -2373,6 +2378,7 @@
23732378
<li><a href="/ej2-angular/spreadsheet/getting-started">Getting Started</a></li>
23742379
<li><a href="/ej2-angular/spreadsheet/data-binding">Data Binding</a></li>
23752380
<li><a href="/ej2-angular/spreadsheet/open-save">Open and Save</a></li>
2381+
<li><a href="/ej2-angular/spreadsheet/docker-deployment">Docker Deployment</a></li>
23762382
<li><a href="/ej2-angular/spreadsheet/worksheet">Worksheet</a></li>
23772383
<li><a href="/ej2-angular/spreadsheet/cell-range">Cell Range</a></li>
23782384
<li><a href="/ej2-angular/spreadsheet/editing">Editing</a></li>
@@ -2928,7 +2934,7 @@
29282934
</ul>
29292935
</li> <li>Release Notes
29302936
<ul>
2931-
<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-angular/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-angular/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-angular/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-angular/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-angular/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-angular/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-angular/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-angular/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-angular/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-angular/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-angular/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-angular/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-angular/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
2937+
<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-angular/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-angular/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-angular/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-angular/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-angular/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-angular/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-angular/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-angular/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-angular/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-angular/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-angular/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-angular/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-angular/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-angular/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
29322938
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-angular/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-angular/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-angular/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-angular/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-angular/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-angular/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-angular/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-angular/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-angular/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-angular/release-notes/24.1.43">24.1.43</a></li></ul></li> <li><a href="/ej2-angular/release-notes/24.2.3">24.2.3 Service Pack Release</a></li>
29332939
<li><a href="/ej2-angular/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
29342940
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-angular/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-angular/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-angular/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-angular/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-angular/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-angular/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-angular/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-angular/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-angular/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-angular/release-notes/23.1.38">23.1.38</a></li></ul></li>

ej2-angular/Release-notes/26.1.42.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for Angular Weekly Release Release Notes
3+
description: Essential Studio for Angular Weekly Release Release Notes
4+
platform: ej2-angular
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Angular Release Notes
9+
10+
{% include release-info.html date="July 16, 2024" version="v26.1.42" %}
11+
12+
{% directory path: _includes/release-notes/v26.1.42 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}
Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"syncfusion-component": {
7+
"projectType": "application",
8+
"schematics": {},
9+
"root": "",
10+
"sourceRoot": "src",
11+
"prefix": "app",
12+
"architect": {
13+
"build": {
14+
"builder": "@angular-devkit/build-angular:browser",
15+
"options": {
16+
"outputPath": "dist",
17+
"index": "index.html",
18+
"main": "src/main.ts",
19+
"tsConfig": "tsconfig.json",
20+
"styles": [
21+
"src/styles.css"
22+
],
23+
"assets": []
24+
},
25+
"configurations": {
26+
"production": {
27+
"budgets": [
28+
{
29+
"type": "initial",
30+
"maximumWarning": "500kb",
31+
"maximumError": "10mb"
32+
},
33+
{
34+
"type": "anyComponentStyle",
35+
"maximumWarning": "2kb",
36+
"maximumError": "4kb"
37+
}
38+
],
39+
"outputHashing": "all"
40+
},
41+
"development": {
42+
"buildOptimizer": false,
43+
"optimization": false,
44+
"vendorChunk": true,
45+
"extractLicenses": false,
46+
"sourceMap": true,
47+
"namedChunks": true
48+
}
49+
},
50+
"defaultConfiguration": "production"
51+
},
52+
"serve": {
53+
"builder": "@angular-devkit/build-angular:dev-server",
54+
"configurations": {
55+
"production": {
56+
"buildTarget": "syncfusion-component:build:production"
57+
},
58+
"development": {
59+
"buildTarget": "syncfusion-component:build:development"
60+
}
61+
},
62+
"defaultConfiguration": "development"
63+
}
64+
}
65+
}
66+
},
67+
"cli": {
68+
"analytics": false
69+
}
70+
}
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Syncfusion Angular Documenteditor</title>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta name="description" content="Typescript UI Controls" />
8+
<meta name="author" content="Syncfusion" />
9+
<style>
10+
#loader {
11+
color: #008cff;
12+
font-family: 'Helvetica Neue','calibiri';
13+
font-size: 16px;
14+
height: 40px;
15+
left: 45%;
16+
position: absolute;
17+
top: 45%;
18+
width: 30%;
19+
}
20+
</style>
21+
</head>
22+
<body>
23+
<app-container>
24+
<div id='loader'>Loading....</div>
25+
</app-container>
26+
</body>
27+
</html>
Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{
2+
"name": "syncfusion-component",
3+
"version": "0.0.0",
4+
"scripts": {
5+
"ng": "ng",
6+
"start": "ng serve",
7+
"build": "ng build",
8+
"watch": "ng build --watch --configuration development",
9+
"test": "ng test"
10+
},
11+
"private": true,
12+
"dependencies": {
13+
"@angular/core": "17.1.2",
14+
"@angular/platform-browser": "17.1.2",
15+
"@angular/platform-browser-dynamic": "17.1.2",
16+
"@syncfusion/ej2-angular-buttons": "*",
17+
"@syncfusion/ej2-angular-documenteditor": "*",
18+
"@syncfusion/ej2-base": "*",
19+
"@syncfusion/ej2-buttons": "*",
20+
"@syncfusion/ej2-inputs": "*",
21+
"@syncfusion/ej2-popups": "*",
22+
"@syncfusion/ej2-lists": "*",
23+
"@syncfusion/ej2-navigations": "*",
24+
"@syncfusion/ej2-splitbuttons": "*",
25+
"@syncfusion/ej2-dropdowns": "*",
26+
"@syncfusion/ej2-angular-base": "*",
27+
"@syncfusion/ej2-angular-navigations": "*",
28+
"@syncfusion/ej2-angular-dropdowns": "*",
29+
"@syncfusion/ej2-angular-inputs": "*",
30+
"@angular/animations": "17.1.2",
31+
"@angular/common": "17.1.2",
32+
"@angular/compiler": "17.1.2",
33+
"@angular/forms": "17.1.2",
34+
"@angular/router": "17.1.2",
35+
"moment": "2.29.4",
36+
"rxjs": "7.8.0",
37+
"tslib": "2.3.0",
38+
"zone.js": "0.14.3",
39+
"@syncfusion/ej2-documenteditor": "*"
40+
},
41+
"devDependencies": {
42+
"@angular-devkit/build-angular": "17.1.2",
43+
"@angular/cli": "17.1.2",
44+
"@angular/compiler-cli": "17.1.2",
45+
"@types/jasmine": "4.3.0",
46+
"jasmine-core": "4.5.0",
47+
"karma": "6.4.0",
48+
"karma-chrome-launcher": "3.1.0",
49+
"karma-coverage": "2.2.0",
50+
"karma-jasmine": "5.1.0",
51+
"karma-jasmine-html-reporter": "2.0.0",
52+
"typescript": "5.3.3"
53+
}
54+
}
Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
import { NgModule } from '@angular/core'
2+
import { BrowserModule } from '@angular/platform-browser'
3+
import { DocumentEditorContainerModule } from '@syncfusion/ej2-angular-documenteditor'
4+
5+
6+
import { ButtonModule } from '@syncfusion/ej2-angular-buttons'
7+
import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
8+
import { ToolbarService, DocumentEditorContainerComponent } from '@syncfusion/ej2-angular-documenteditor';
9+
10+
/**
11+
* Document Editor Component
12+
*/
13+
@Component({
14+
imports: [
15+
ButtonModule,
16+
DocumentEditorContainerModule
17+
],
18+
19+
20+
standalone: true,
21+
selector: 'app-container',
22+
template: `<h1>Syncfusion Word Processor(a.k.a)Document Editor Component</h1>
23+
<ejs-documenteditorcontainer #documenteditor_default height="600px" style="width:100%;display:block" [enableToolbar]=true (created)="onCreate()" ></ejs-documenteditorcontainer>`,
24+
encapsulation: ViewEncapsulation.None,
25+
providers: [ToolbarService]
26+
})
27+
export class AppComponent {
28+
@ViewChild('documenteditor_default')
29+
public container!: DocumentEditorContainerComponent;
30+
onCreate(): any {
31+
let sfdt: string = '{"sfdt":"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"}';
32+
this.container.documentEditor.open(sfdt);
33+
}
34+
}
35+
36+
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
import { bootstrapApplication } from '@angular/platform-browser';
2+
import { AppComponent } from './app.component';
3+
import 'zone.js';
4+
bootstrapApplication(AppComponent).catch((err) => console.error(err));
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
2+
@import 'node_modules/@syncfusion/ej2-base/styles/material.css';
3+
@import 'node_modules/@syncfusion/ej2-buttons/styles/material.css';
4+
@import 'node_modules/@syncfusion/ej2-inputs/styles/material.css';
5+
@import 'node_modules/@syncfusion/ej2-popups/styles/material.css';
6+
@import 'node_modules/@syncfusion/ej2-lists/styles/material.css';
7+
@import 'node_modules/@syncfusion/ej2-navigations/styles/material.css';
8+
@import 'node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
9+
@import 'node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
10+
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
11+
@import 'node_modules/@syncfusion/ej2-angular-documenteditor/styles/material.css';
12+
@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
13+
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
14+
@import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css';
15+
@import 'node_modules/@syncfusion/ej2-angular-inputs/styles/material.css';
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"compileOnSave": false,
3+
"compilerOptions": {
4+
"baseUrl": "./",
5+
"outDir": "./dist/out-tsc",
6+
"forceConsistentCasingInFileNames": true,
7+
"strict": true,
8+
"noImplicitOverride": true,
9+
"noPropertyAccessFromIndexSignature": true,
10+
"noImplicitReturns": true,
11+
"noFallthroughCasesInSwitch": true,
12+
"sourceMap": true,
13+
"declaration": false,
14+
"downlevelIteration": true,
15+
"experimentalDecorators": true,
16+
"moduleResolution": "node",
17+
"importHelpers": true,
18+
"target": "ES2022",
19+
"module": "ES2022",
20+
"useDefineForClassFields": false,
21+
"lib": [
22+
"ES2022",
23+
"dom"
24+
]
25+
},
26+
"angularCompilerOptions": {
27+
"enableI18nLegacyMessageIdFormat": false,
28+
"strictInjectionParameters": true,
29+
"strictInputAccessModifiers": true,
30+
"strictTemplates": true
31+
}
32+
}

ej2-angular/code-snippet/document-editor/find-replace-cs4/src/app.component.ts

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {ColorPickerModule } from '@syncfusion/ej2-angular-inputs'
1010

1111
import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
1212
import {
13-
DocumentEditorComponent, SelectionService
13+
DocumentEditorComponent
1414
} from '@syncfusion/ej2-angular-documenteditor';
1515

1616
@Component({
@@ -25,21 +25,19 @@ imports: [
2525

2626

2727
standalone: true,
28-
selector: 'app-container',
29-
template: `<div>
30-
<ejs-documenteditor #document_editor height="330px" style="display:block" [enableSelection]=true (created)="onCreated()"></ejs-documenteditor>
31-
</div>`,
32-
encapsulation: ViewEncapsulation.None,
33-
providers: [SelectionService]
28+
selector: 'app-container',
29+
template: `<div>
30+
<ejs-documenteditor #document_editor height="330px" style="display:block" (created)="onCreated()" [isReadOnly]=false [enableEditor]=true ></ejs-documenteditor>
31+
</div>`,
32+
encapsulation: ViewEncapsulation.None
3433
})
3534

3635
export class AppComponent {
3736
@ViewChild('document_editor')
3837
public documentEditor?: DocumentEditorComponent;
39-
4038
onCreated(): void {
4139
if ((this.documentEditor as DocumentEditorComponent).isDocumentLoaded) {
42-
let sfdt: string = `{
40+
let sfdt: any = {
4341
"sections": [
4442
{
4543
"blocks": [
@@ -88,7 +86,7 @@ export class AppComponent {
8886
"name": "Default Paragraph Font"
8987
}
9088
]
91-
}`;
89+
};
9290
//Open the document in Document Editor.
9391
(this.documentEditor as DocumentEditorComponent).open(JSON.stringify(sfdt));
9492
//Navigate to specified page number.
Lines changed: 27 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,27 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<title>Syncfusion Angular Documenteditor</title>
5-
<meta charset="utf-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<meta name="description" content="Typescript UI Controls" />
8-
<script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.6.25/zone.min.js"></script>
9-
<meta name="author" content="Syncfusion" />
10-
<style>
11-
#loader {
12-
color: #008cff;
13-
font-family: 'Helvetica Neue','calibiri';
14-
font-size: 16px;
15-
height: 40px;
16-
left: 45%;
17-
position: absolute;
18-
top: 45%;
19-
width: 30%;
20-
}
21-
</style>
22-
</head>
23-
<body>
24-
<app-container>
25-
<div id='loader'>Loading....</div>
26-
</app-container>
27-
</body>
28-
</html>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Syncfusion Angular Documenteditor</title>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta name="description" content="Typescript UI Controls" />
8+
<meta name="author" content="Syncfusion" />
9+
<style>
10+
#loader {
11+
color: #008cff;
12+
font-family: 'Helvetica Neue','calibiri';
13+
font-size: 16px;
14+
height: 40px;
15+
left: 45%;
16+
position: absolute;
17+
top: 45%;
18+
width: 30%;
19+
}
20+
</style>
21+
</head>
22+
<body>
23+
<app-container>
24+
<div id='loader'>Loading....</div>
25+
</app-container>
26+
</body>
27+
</html>

0 commit comments

Comments
 (0)