|
1 | 1 | @page "/DocumentEditor/DefaultFunctionalities" |
2 | 2 |
|
3 | | -@using Syncfusion.EJ2.RazorComponents.DocumentEditor |
| 3 | +@using Syncfusion.EJ2.RazorComponents.DocumentEditor; |
4 | 4 | @using Newtonsoft.Json; |
5 | | -@inject HttpClient Http |
6 | | -@using Syncfusion.EJ2.RazorComponents.SplitButtons |
| 5 | +@inject HttpClient Http; |
| 6 | +@using Syncfusion.EJ2.RazorComponents.SplitButtons; |
| 7 | +@inject IJSRuntime JsRuntime; |
7 | 8 |
|
8 | 9 |
|
9 | 10 | @*Hidden:Lines*@ |
|
14 | 15 | SampleBrowser.CurrentControlCategory = "DocumentEditor"; |
15 | 16 | SampleBrowser.CurrentControl = SampleBrowser.Config.DocumentEditor; |
16 | 17 | SampleBrowser.ActionDescription = new string[] { |
17 | | - @"<p>This example demonstrates how to create, edit, and print Word documents (DOCX) online using document editor without any |
18 | | - server-side dependencies.</p>" |
19 | | - }; |
| 18 | +@"<p>This example demonstrates how to create, edit, and print Word documents (DOCX) online using document editor without any |
| 19 | +server-side dependencies.</p>" |
| 20 | +}; |
20 | 21 | SampleBrowser.Description = new string[] { |
21 | | - @"<p>In this example, you can create and edit Word documents online much faster and easier using intuitive UI options of the |
22 | | - document editor. All independent features of the document editor component are defined as separate modules to help |
23 | | - build a lightweight Word editor with the features you require.</p> |
24 | | - <p style='display: block'>Features of document editor:</p> |
25 | | - <ul> |
26 | | - <li>Create and edit: Opens and saves documents in native 'Syncfusion Document Text (*.sfdt)' file format without any |
27 | | - server-side dependencies. This helps build a purely client-side Word editor application.</li> |
28 | | - <li>Supported elements: Document elements like text, images, hyperlinks, tables, bookmarks, page numbers, tables of contents, |
29 | | - headers, and footers.</li> |
30 | | - <li>Formatting: Text levels, paragraph levels, bullets and numbering, table levels, page settings, and styles.</li> |
31 | | - <li>Editing operations: Undo, redo, cut, copy, and paste.</li> |
32 | | - <li>Find and replace text within the document.</li> |
33 | | - <li>Interactions through touch, mouse, and keyboard.</li> |
34 | | - </ul> |
35 | | - <p style='display: block'> More information about the document editor features can be found in this |
36 | | - <a target=""_blank"" href=""https://ej2.syncfusion.com/aspnet-core-razor-components/documentation/"">documentation section.</a> |
37 | | - </p>" |
38 | | - }; |
| 22 | +@"<p>In this example, you can create and edit Word documents online much faster and easier using intuitive UI options of the |
| 23 | +document editor. All independent features of the document editor component are defined as separate modules to help |
| 24 | +build a lightweight Word editor with the features you require.</p> |
| 25 | +<p style='display: block'>Features of document editor:</p> |
| 26 | +<ul> |
| 27 | +<li>Create and edit: Opens and saves documents in native 'Syncfusion Document Text (*.sfdt)' file format without any |
| 28 | + server-side dependencies. This helps build a purely client-side Word editor application.</li> |
| 29 | +<li>Supported elements: Document elements like text, images, hyperlinks, tables, bookmarks, page numbers, tables of contents, |
| 30 | + headers, and footers.</li> |
| 31 | +<li>Formatting: Text levels, paragraph levels, bullets and numbering, table levels, page settings, and styles.</li> |
| 32 | +<li>Editing operations: Undo, redo, cut, copy, and paste.</li> |
| 33 | +<li>Find and replace text within the document.</li> |
| 34 | +<li>Interactions through touch, mouse, and keyboard.</li> |
| 35 | +</ul> |
| 36 | +<p style='display: block'> More information about the document editor features can be found in this |
| 37 | +<a target=""_blank"" href=""https://ej2.syncfusion.com/aspnet-core-razor-components/documentation/"">documentation section.</a> |
| 38 | +</p>" |
| 39 | +}; |
39 | 40 | } |
40 | 41 | @*End:Hidden*@ |
41 | 42 |
|
|
136 | 137 | </style> |
137 | 138 |
|
138 | 139 | @functions{ |
139 | | - |
| 140 | + |
140 | 141 | private async void onCreate(object args) |
141 | 142 | { |
142 | | - await JSRuntime.Current.InvokeAsync<bool> |
| 143 | + await JsRuntime.InvokeAsync<bool> |
143 | 144 | ("AfterRender","Getting Started"); |
144 | 145 | } |
145 | 146 |
|
146 | 147 | private async void onExport(object args) |
147 | 148 | { |
148 | | - await JSRuntime.Current.InvokeAsync<bool>("OnExportClick",args); |
149 | | - } |
| 149 | + await JsRuntime.InvokeAsync<bool> |
| 150 | + ("OnExportClick",args); |
| 151 | + } |
150 | 152 |
|
151 | | - private async void onDocxExport(object args){ |
152 | | - await JSRuntime.Current.InvokeAsync<bool>("OnDocxExport"); |
153 | | - } |
154 | | - private async void onPrint(object args) |
155 | | - { |
156 | | - await JSRuntime.Current.InvokeAsync<bool>("Print"); |
157 | | - } |
| 153 | + private async void onDocxExport(object args){ |
| 154 | + await JsRuntime.InvokeAsync<bool> |
| 155 | + ("OnDocxExport"); |
| 156 | + } |
| 157 | + private async void onPrint(object args) |
| 158 | + { |
| 159 | + await JsRuntime.InvokeAsync<bool> |
| 160 | + ("Print"); |
| 161 | + } |
158 | 162 |
|
159 | 163 | } |
0 commit comments