Skip to content

Commit 21b0845

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 06-06-2024 2:25:44 PM
1 parent e387aca commit 21b0845

File tree

16 files changed

+324
-3514
lines changed

16 files changed

+324
-3514
lines changed

‎ej2-javascript-toc.html

Lines changed: 1 addition & 1747 deletions
Large diffs are not rendered by default.

‎ej2-javascript/Release-notes/26.1.35.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 ##Platform_Name## Main Release Release Notes
3+
description: Essential Studio for ##Platform_Name## Main Release Release Notes
4+
platform: ej2-javascript
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for ##Platform_Name## Release Notes
9+
10+
{% include release-info.html date="June 11, 2024" version="v26.1.35" %}
11+
12+
{% directory path: _includes/release-notes/v26.1.35 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-javascript/code-snippet/rich-text-editor/table-row-and-column-selection/index.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
#container {
2+
visibility: hidden;
3+
}
4+
5+
#loader {
6+
color: #008cff;
7+
height: 40px;
8+
left: 45%;
9+
position: absolute;
10+
top: 45%;
11+
width: 30%;
12+
}
13+
14+
#element1, #element2 {
15+
background: #333333;
16+
border: 1px solid #cecece;
17+
box-sizing: border-box;
18+
float: left;
19+
height: 100px;
20+
width:100px;
21+
}
22+
23+
#element2 {
24+
margin-left: 20px;
25+
}

‎ej2-javascript/code-snippet/rich-text-editor/table-row-and-column-selection/index.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
// initialize Rich Text Editor component
2+
var defaultRTE = new ej.richtexteditor.RichTextEditor({
3+
toolbarSettings: {
4+
items: ['CreateTable']}
5+
});
6+
defaultRTE.appendTo('#defaultRTE');
7+

‎ej2-javascript/code-snippet/rich-text-editor/table-row-and-column-selection/index.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
2+
3+
4+
import { RichTextEditor, Toolbar, Image, Link, HtmlEditor, QuickToolbar, NodeSelection, Table } from '@syncfusion/ej2-richtexteditor';
5+
RichTextEditor.Inject(Toolbar, Image, Link, HtmlEditor, QuickToolbar, Table );
6+
7+
let defaultRTE: RichTextEditor = new RichTextEditor({
8+
toolbarSettings: {
9+
items: ['CreateTable']},
10+
quickToolbarSettings: {
11+
table: ['TableHeader', 'TableRows', 'TableColumns', 'TableCell', '-',
12+
'BackgroundColor', 'TableRemove', 'TableCellVerticalAlign', 'Styles']
13+
},
14+
});
15+
defaultRTE.appendTo('#defaultRTE');
16+
17+
18+

‎ej2-javascript/code-snippet/rich-text-editor/table-row-and-column-selection/js/index.html

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<!DOCTYPE html><html lang="en"><head>
2+
<title>Essential JS 2 Rich Text Editor</title>
3+
<meta charset="utf-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="description" content="Typescript UI Controls">
6+
<meta name="author" content="Syncfusion">
7+
<link href="index.css" rel="stylesheet">
8+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet">
9+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-richtexteditor/styles/material.css" rel="stylesheet">
10+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet">
11+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-lists/styles/material.css" rel="stylesheet">
12+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/material.css" rel="stylesheet">
13+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet">
14+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet">
15+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/material.css" rel="stylesheet">
16+
17+
18+
<script src="https://cdn.syncfusion.com/ej2/20.4.38/dist/ej2.min.js" type="text/javascript"></script>
19+
</head>
20+
21+
<body>
22+
23+
<div id="container">
24+
<div id="defaultRTE">
25+
<h2>Discover the Table's Powerful Features</h2><p>A table can be created in the editor using either a keyboard shortcut or the toolbar. With the quick
26+
toolbar, you can
27+
perform table cell insert, delete, split, and merge operations. You can style the table cells using
28+
background
29+
colours and borders.</p><table class="e-rte-table" style="width: 100%; min-width: 0px; height: 151px">
30+
<thead>
31+
<tr>
32+
<th><span>Name</span><br/></th>
33+
<th><span>Age</span><br/></th>
34+
<th><span>Gender</span><br/></th>
35+
<th><span>Occupation</span><br/></th>
36+
</tr>
37+
</thead>
38+
<tbody>
39+
<tr>
40+
<td>Selma Rose</td>
41+
<td>30</td>
42+
<td>Female</td>
43+
<td><span>Engineer</span><br/></td>
44+
</tr>
45+
<tr>
46+
<td><span>Robert</span><br/></td>
47+
<td>28</td>
48+
<td>Male</td>
49+
<td><span>Graphic Designer</span></td>
50+
</tr>
51+
<tr>
52+
<td><span>William</span><br/></td>
53+
<td>35</td>
54+
<td>Male</td>
55+
<td>Teacher</td>
56+
</tr>
57+
</tbody>
58+
</table>
59+
</div>
60+
</div>
61+
<script>
62+
var ele = document.getElementById('container');
63+
if(ele) {
64+
ele.style.visibility = "visible";
65+
}
66+
</script>
67+
<script src="index.js" type="text/javascript"></script>
68+
</body></html>

‎ej2-javascript/code-snippet/rich-text-editor/table-row-and-column-selection/systemjs.config.js

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
System.config({
2+
transpiler: "typescript",
3+
typescriptOptions: {
4+
compilerOptions: {
5+
target: "umd",
6+
module: "commonjs",
7+
moduleResolution: "node",
8+
emitDecoratorMetadata: true,
9+
experimentalDecorators: true
10+
}
11+
},
12+
paths: {
13+
"syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
14+
},
15+
map: {
16+
main: "index.ts",
17+
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
18+
"@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
19+
"@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
20+
"@syncfusion/ej2-data":"syncfusion:ej2-data/dist/ej2-data.umd.min.js",
21+
"@syncfusion/ej2-inputs":"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
22+
"@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
23+
"@syncfusion/ej2-lists":"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
24+
"@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
25+
"@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
26+
"@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
27+
"@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
28+
"@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
29+
"@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
30+
"@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
31+
"@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
32+
"@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
33+
"@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
34+
"@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
35+
"@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
36+
"@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js"
37+
}
38+
});
39+
40+
System.import('index.ts').catch(console.error.bind(console)).then(function () {
41+
document.getElementById('loader').style.display = "none";
42+
document.getElementById('container').style.visibility = "visible";
43+
});

‎ej2-javascript/code-snippet/rich-text-editor/table-row-and-column-selection/ts/index.html

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Essential JS 2 Rich Text Editor</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta name="description" content="Typescript UI Controls" />
9+
<meta name="author" content="Syncfusion" />
10+
<link href="index.css" rel="stylesheet" />
11+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet" />
12+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-richtexteditor/styles/material.css" rel="stylesheet" />
13+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
14+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-lists/styles/material.css" rel="stylesheet" />
15+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/material.css" rel="stylesheet" />
16+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet" />
17+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet" />
18+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/material.css" rel="stylesheet" />
19+
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
20+
<script src="systemjs.config.js"></script>
21+
</head>
22+
23+
<body>
24+
<div id='loader'>Loading....</div>
25+
<div id='container'>
26+
<div id='defaultRTE'>
27+
<h2>Discover the Table's Powerful Features</h2><p>A table can be created in the editor using either a keyboard shortcut or the toolbar. With the quick
28+
toolbar, you can
29+
perform table cell insert, delete, split, and merge operations. You can style the table cells using
30+
background
31+
colours and borders.</p><table class="e-rte-table" style="width: 100%; min-width: 0px; height: 151px">
32+
<thead>
33+
<tr>
34+
<th><span>Name</span><br/></th>
35+
<th><span>Age</span><br/></th>
36+
<th><span>Gender</span><br/></th>
37+
<th><span>Occupation</span><br/></th>
38+
</tr>
39+
</thead>
40+
<tbody>
41+
<tr>
42+
<td>Selma Rose</td>
43+
<td>30</td>
44+
<td>Female</td>
45+
<td><span>Engineer</span><br/></td>
46+
</tr>
47+
<tr>
48+
<td><span>Robert</span><br/></td>
49+
<td>28</td>
50+
<td>Male</td>
51+
<td><span>Graphic Designer</span></td>
52+
</tr>
53+
<tr>
54+
<td><span>William</span><br/></td>
55+
<td>35</td>
56+
<td>Male</td>
57+
<td>Teacher</td>
58+
</tr>
59+
</tbody>
60+
</table>
61+
</div>
62+
</div>
63+
</body>
64+
</html>

‎ej2-javascript/pdfviewer/js/getting-started-with-server-backed.md

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaS
1515

1616
## Component Initialization with CDN link for script and style reference
1717

18-
**Step 1:** Create an app folder `myapp` for the Essential JS 2 JavaScript components.
18+
**Step 1:** Create an app folder `my_app` for the Essential JS 2 JavaScript components.
1919

2020
**Step 2:** The Essential JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
2121

@@ -29,7 +29,7 @@ The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaS
2929
>
3030
> Styles: [`https://cdn.syncfusion.com/ej2/23.1.36/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/23.1.36/ej2-base/styles/material.css)
3131
32-
**Step 3:** Create a HTML page (index.html) in `myapp` location and add the CDN link references. Now, add the `Div` element and initiate the `Essential JS 2 PDF Viewer` component in the index.html by using following code.
32+
**Step 3:** Create a HTML page (index.html) in `my_app` location and add the CDN link references. Now, add the `Div` element and initiate the `Essential JS 2 PDF Viewer` component in the index.html by using following code.
3333

3434
{% tabs %}
3535
{% highlight html tabtitle="index.html" %}
@@ -67,7 +67,7 @@ document.getElementById('load').addEventListener('click', function () {
6767
dotnet run
6868
```
6969

70-
5. You can see that the PDF Viewer server instance runs in the localhost with the port number [`localhost:5001`](https://localhost:5001/) and navigate to the PDF Viewer Web control [`localhost:5001/pdfviewer`](https://localhost:5001/pdfviewer) which returns the default get response method. We can bind the link to the `serviceUrl` property of PDF Viewer as below.
70+
5.You can see that the PDF Viewer server instance runs in the local host with the port number `localhost:5001` and navigate to the PDF Viewer Web control `localhost:5001/pdfviewer` which returns the default get response method. We can bind the link to the `serviceUrl` property of PDF Viewer as below.
7171

7272
```javascript
7373
var pdfviewer = new ej.pdfviewer.PdfViewer({
@@ -76,4 +76,11 @@ var pdfviewer = new ej.pdfviewer.PdfViewer({
7676
});
7777
```
7878

79-
N> When configuring the server-backed PDF viewer, it's essential to understand that there is no need to include the pdfium.js and pdfium.wasm files. Unlike the standalone PDF viewer, which relies on these files for local rendering, the server-backed PDF viewer fetches and renders PDFs directly from the server. Consequently, you can exclude the copy command for deployment process, as they are not required to load and display PDFs in this context.
79+
N> When configuring the server-backed PDF viewer, it's essential to understand that there is no need to include the pdfium.js and pdfium.wasm files. Unlike the standalone PDF viewer, which relies on these files for local rendering, the server-backed PDF viewer fetches and renders PDFs directly from the server. Consequently, you can exclude the copy command for deployment process, as they are not required to load and display PDFs in this context.
80+
81+
N> For hosting the web service on the Linux platform, ensure to include the [SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/2.88.6). Additionally, for AWS environments, utilize the following packages:
82+
83+
| **Amazon Web Services (AWS)** |**NuGet package name** |
84+
| --- | --- |
85+
| AWS Lambda|[SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/2.88.6)|
86+
| AWS Elastic Beanstalk |[SkiaSharp.NativeAssets.Linux.NoDependencies v2.88.6](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/2.88.6)|

‎ej2-javascript/pdfviewer/ts/getting-started-with-server-backed.md

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,7 @@ These modules should be injected into the PDF Viewer using `PdfViewer.Inject` me
192192
dotnet run
193193
```
194194

195-
5.You can see that the PDF Viewer server instance runs in the localhost with the port number [`localhost:5001`](https://localhost:5001/) and navigate to the PDF Viewer Web control [`localhost:5001/pdfviewer`](https://localhost:5001/pdfviewer) which returns the default get response method. We can bind the link to the `serviceUrl` property of PDF Viewer as below.
195+
5.You can see that the PDF Viewer server instance runs in the localhost with the port number `localhost:5001` and navigate to the PDF Viewer Web control `localhost:5001/pdfviewer` which returns the default get response method. We can bind the link to the `serviceUrl` property of PDF Viewer as below.
196196

197197
{% tabs %}
198198
{% highlight ts tabtitle="app.ts" %}
@@ -207,4 +207,11 @@ pdfviewer.load('PDF_Succinctly.pdf', null);
207207

208208
N> When configuring the server-backed PDF viewer, it's essential to understand that there is no need to include the pdfium.js and pdfium.wasm files. Unlike the standalone PDF viewer, which relies on these files for local rendering, the server-backed PDF viewer fetches and renders PDFs directly from the server. Consequently, you can exclude the copy command for deployment process, as they are not required to load and display PDFs in this context.
209209

210-
> You can refer to our [JavaScript PDF Viewer](https://www.syncfusion.com/javascript-ui-controls/js-pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [JavaScript PDF Viewer example](https://ej2.syncfusion.com/demos/#/material/pdfviewer/default.html) to understand how to explains core features of PDF Viewer.
210+
> You can refer to our [JavaScript PDF Viewer](https://www.syncfusion.com/javascript-ui-controls/js-pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [JavaScript PDF Viewer example](https://ej2.syncfusion.com/demos/#/material/pdfviewer/default.html) to understand how to explains core features of PDF Viewer.
211+
212+
N> For hosting the web service on the Linux platform, ensure to include the [SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/2.88.6). Additionally, for AWS environments, utilize the following packages:
213+
214+
| **Amazon Web Services (AWS)** |**NuGet package name** |
215+
| --- | --- |
216+
| AWS Lambda|[SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/2.88.6)|
217+
| AWS Elastic Beanstalk |[SkiaSharp.NativeAssets.Linux.NoDependencies v2.88.6](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/2.88.6)|

0 commit comments

Comments
 (0)