diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md b/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md index 1d29ca7b3..207b19514 100644 --- a/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md +++ b/Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md @@ -9,56 +9,24 @@ documentation: ug # Getting Started with .NET MAUI Blazor Hybrid App -This section explains how to create and run a .NET Multi-platform Blazor App UI (.NET MAUI with Blazor Hybrid App) using Syncfusion® Blazor Spreadsheet component. - -## What is a .NET MAUI Blazor Hybrid App? - -A .NET MAUI Blazor Hybrid App is a .NET MAUI application where a Blazor Web App is hosted in the .NET MAUI app using the BlazorWebView control. This enables a Blazor Web App to integrate with platform features and UI controls. The BlazorWebView can be added to any page of a .NET MAUI app and pointed to the root of the Blazor app. The Blazor components run in the .NET process and render the web UI to an embedded web view control. .NET MAUI Blazor apps can run on all platforms supported by .NET MAUI. - -Visual Studio provides the **.NET MAUI Blazor Hybrid App** template to create .NET MAUI Blazor Hybrid Apps. +This section explains how to create and run a .NET MAUI Blazor Hybrid application using the [Syncfusion® Blazor Spreadsheet](https://www.syncfusion.com/blazor-components/blazor-spreadsheet) component. ## Prerequisites -- .NET SDK 8.0 or above -- Visual Studio 2022 17.1 or above with the required workloads: - - [Mobile development with .NET](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-10.0&tabs=visual-studio) - - ASP.NET and web development - -## Create a new .NET MAUI Blazor App in Visual Studio +To use the .NET MAUI project templates, install the Mobile development with .NET workload for Visual Studio. For installation details, see the Microsoft documentation: [Install .NET MAUI](https://learn.microsoft.com/en-us/dotnet/MAUI/get-started/installation?tabs=vswin). -Create a **.NET MAUI Blazor Hybrid App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui?view=aspnetcore-8.0). +## Create a new Blazor MAUI App in Visual Studio -## BlazorWebView in .NET MAUI Blazor App +Create a **Blazor MAUI App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui?view=aspnetcore-8.0). -The above steps create a multi-targeted .NET MAUI Blazor app that can be deployed to Android, iOS, macOS, and Windows. - -In `MainPage.xaml`, the `BlazorWebView` is added and points to the root of the Blazor app. The root Blazor component for the app is in `Routes.razor`, which Razor compiles into a type named `Routes` in the application’s root namespace. - -{% tabs %} -{% highlight xaml tabtitle="MainPage.xaml" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} +## Install Syncfusion® Blazor Spreadsheet NuGet Packages -For more details, refer to the [Create a .NET MAUI Blazor app](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/blazorwebview?view=net-maui-10.0#create-a-net-maui-blazor-app) topic. +To add **Syncfusion Blazor Spreadsheet** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install: +* [Syncfusion.Blazor.Spreadsheet](https://www.nuget.org/packages/Syncfusion.Blazor.Spreadsheet) +* [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) -## Install Syncfusion Blazor Spreadsheet and Themes NuGet in the App - -To add the Blazor Spreadsheet component to the app, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), then search for and install [Syncfusion.Blazor.Spreadsheet](https://www.nuget.org/packages/Syncfusion.Blazor.Spreadsheet) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, use the following Package Manager commands. +Alternatively, you can utilize the following package manager command to achieve the same. {% tabs %} {% highlight C# tabtitle="Package Manager" %} @@ -69,11 +37,9 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. - -## Register Syncfusion® Blazor Service +## Add import namespaces -In the **~/_Imports.razor** file, add the following namespaces: +After the packages are installed, open the **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Spreadsheet` namespaces. {% tabs %} {% highlight razor tabtitle="_Imports.razor" %} @@ -84,39 +50,25 @@ In the **~/_Imports.razor** file, add the following namespaces: {% endhighlight %} {% endtabs %} -Register Syncfusion® Blazor Service in the **~/MauiProgram.cs** file. +## Register Syncfusion® Blazor Service + +Register the Syncfusion® Blazor Service in the **~/MauiProgram.cs** file. {% tabs %} -{% highlight c# tabtitle="MauiProgram.cs" hl_lines="3 26" %} +{% highlight c# tabtitle="MauiProgram.cs" %} -using Microsoft.Extensions.Logging; -using MauiBlazorWindow.Data; +.... using Syncfusion.Blazor; -namespace MauiBlazorWindow; +.... public static class MauiProgram { public static MauiApp CreateMauiApp() { - var builder = MauiApp.CreateBuilder(); - builder - .UseMauiApp() - .ConfigureFonts(fonts => - { - fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); - }); - - builder.Services.AddMauiBlazorWebView(); - -#if DEBUG - builder.Services.AddBlazorWebViewDeveloperTools(); - builder.Logging.AddDebug(); -#endif - - builder.Services.AddSingleton(); + .... builder.Services.AddSyncfusionBlazor(); - return builder.Build(); + .... } } @@ -133,15 +85,18 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A .... - + + .... + + {% endhighlight %} {% endtabs %} N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to explore supported ways (such as static assets, CDN, and CRG) to apply themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Blazor Spreadsheet component +## Add Syncfusion® Blazor Spreadsheet component Add the Syncfusion® Blazor Spreadsheet component in any Razor file. In this example, the Spreadsheet component is added to the **~/Home.razor** page under the **~/Components/Pages** folder. @@ -158,13 +113,25 @@ Add the Syncfusion® Blazor Spreadsheet comp {% endhighlight %} {% endtabs %} +## Run on Windows + In the Visual Studio toolbar, click the **Windows Machine** to build and run the app. Ensure the run profile is set to `Windows Machine` before starting the app. ![Maui Tool](images/maui-build.png) -N> To run the application on Android or iOS, refer to [MAUI Getting Started](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui?view=aspnetcore-8.0#run-the-app-in-the-android-emulator) for setup instructions. +After the application launches, the output will appear as shown below: + +![Blazor Spreadsheet](images/getting-started-maui.png) + +## Run on Android + +To run the Spreadsheet on Android using the Android emulator, follow these steps: + +Refer [here](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/device-manager#android-device-manager-on-windows) to install and launch Android emulator. + +N> If any errors occur while using the Android Emulator, see [Troubleshooting Android Emulator](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/troubleshooting). -![Blazor Spreadsheet](images/getting-started.png) +![Blazor Spreadsheet running in the Android emulator](images/android-emulator.png) N> To learn how to open workbooks, bind data, or save files in the Spreadsheet component, see [Open and Save](open-and-save.md). For a hands-on reference with working code examples, explore the sample projects available on [GitHub](https://github.com/SyncfusionExamples/syncfusion-maui-blazor-spreadsheet-integration). diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md b/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md index ba83f7339..cd676c34c 100644 --- a/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md +++ b/Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md @@ -106,7 +106,7 @@ After the packages are installed, open the **~/_Imports.razor** file and import Register the Syncfusion Blazor service in the **~/Program.cs** file of your Blazor WebAssembly App. {% tabs %} -{% highlight C# tabtitle="Program.cs" hl_lines="3 11" %} +{% highlight C# tabtitle="Program.cs" %} .... using Syncfusion.Blazor; @@ -137,7 +137,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to explore supported ways (such as static assets, CDN, and CRG) to apply themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Blazor Spreadsheet component +## Add Syncfusion® Blazor Spreadsheet component Add the Syncfusion® Blazor Spreadsheet component in the **~/Pages/Home.razor** file. diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/images/android-emulator.png b/Document-Processing/Excel/Spreadsheet/Blazor/images/android-emulator.png new file mode 100644 index 000000000..93dd1f572 Binary files /dev/null and b/Document-Processing/Excel/Spreadsheet/Blazor/images/android-emulator.png differ diff --git a/Document-Processing/Excel/Spreadsheet/Blazor/images/getting-started-maui.png b/Document-Processing/Excel/Spreadsheet/Blazor/images/getting-started-maui.png new file mode 100644 index 000000000..e0c15e454 Binary files /dev/null and b/Document-Processing/Excel/Spreadsheet/Blazor/images/getting-started-maui.png differ diff --git a/Document-Processing/Word/Word-Processor/angular/getting-started.md b/Document-Processing/Word/Word-Processor/angular/getting-started.md index 112c3625a..bf0532452 100644 --- a/Document-Processing/Word/Word-Processor/angular/getting-started.md +++ b/Document-Processing/Word/Word-Processor/angular/getting-started.md @@ -66,7 +66,7 @@ In this guide, CSS is selected as the stylesheet format. JetBrains AI [ https://www.jetbrains.com/help/junie/customize-guidelines.html ] ``` -**Step 5:** Next, navigate to the created project folder: +**Step 5:** Next, navigate to the created project folder ```bash cd documenteditor-app @@ -104,7 +104,7 @@ The following CSS files are available in the `node_modules/@syncfusion` package ### Add the Syncfusion® Document Editor component -Modify the `src/app/app.ts` file to render the Document Editor component. Add the Angular Document Editor by using the selector in the `template` section of the `src/app/app.ts` file. +Modify the `src/app/app.ts` file to render the Document Editor component. Add the Angular Document Editor by using the selector in the template section of the `src/app/app.ts` file. {% tabs %} {% highlight ts tabtitle="app.ts" %} diff --git a/Document-Processing/Word/Word-Processor/angular/overview.md b/Document-Processing/Word/Word-Processor/angular/overview.md index d2a8ef9b1..75a63e157 100644 --- a/Document-Processing/Word/Word-Processor/angular/overview.md +++ b/Document-Processing/Word/Word-Processor/angular/overview.md @@ -31,7 +31,7 @@ The Syncfusion® [Angular DOCX Editor](https * Provides support to perform [spell checking](./spell-check) for any input text * Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard. * Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane). -* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](./ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](./global-local) all the static text to any desired language. * Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents. * Provides a [server-side helper library](./web-services/core) to open the Word documents like DOCX, DOC, WordML, RTF, and Text, by converting it to SFDT file format. @@ -39,15 +39,15 @@ The Syncfusion® [Angular DOCX Editor](https ## Supported platforms for server-side dependencies The Document Editor component requires server-side interactions for the following operations: -• Open file formats other than SFDT +* Open file formats other than SFDT -• Paste with formatting +* Paste with formatting -• Restrict editing +* Restrict editing -• Spell check +* Spell check -• Save as file formats other than SFDT and DOCX +* Save as file formats other than SFDT and DOCX You can deploy web APIs for server-side dependencies of Document Editor component in the following platforms. diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md b/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md index 570db78c1..63b901bba 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/getting-started-core.md @@ -21,7 +21,7 @@ This section briefly explains how to include [ASP.NET Core DOCX Editor](https:// ### Create ASP.NET Core web application with Razor pages -Create a new ASP.NET Core web application using one of the following methods: +Create a new ASP.NET Core web application using the following method: * [Create a Project using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/tutorials/razor-pages/razor-pages-start?view=aspnetcore-8.0&tabs=visual-studio#create-a-razor-pages-web-app) diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/overview.md b/Document-Processing/Word/Word-Processor/asp-net-core/overview.md index 46a883002..83ceb0bbc 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/overview.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/overview.md @@ -31,6 +31,6 @@ The Syncfusion® [ASP.NET Core DOCX Editor]( * Provides support to perform [spell checking](../asp-net-core/spell-check) for any input text. * Allows user interactions like [zoom](../asp-net-core/scrolling-zooming#zooming), [scroll](../asp-net-core/scrolling-zooming), select contents through touch, mouse, and keyboard. * Provides intuitive UI options like context menu, [dialogs](../asp-net-core/dialog), and [navigation pane](../asp-net-core/find-and-replace#options-pane). -* Provides a [ribbon interface](../asp-net-core/ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](../asp-net-core/ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](../asp-net-core/global-local) all the static text to any desired language. -* Allows to create a lightweight Word viewer using module injection to view and [prints](../asp-net-core/print) Word documents. +* Allows to create a lightweight Word viewer using module injection to view and [prints](../asp-net-core/print) Word documents. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/overview.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/overview.md index c02ab02d6..8a6925db4 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/overview.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/overview.md @@ -31,7 +31,6 @@ The Syncfusion® [ASP.NET MVC DOCX Editor](h * Provides support to perform [spell checking](./spell-check) for any input text. * Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard. * Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane). -* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](./ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](./global-local) all the static text to any desired language. * Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents. - diff --git a/Document-Processing/Word/Word-Processor/blazor/getting-started/client-side-application.md b/Document-Processing/Word/Word-Processor/blazor/getting-started/client-side-application.md index 1cbd58206..5b632b0c5 100644 --- a/Document-Processing/Word/Word-Processor/blazor/getting-started/client-side-application.md +++ b/Document-Processing/Word/Word-Processor/blazor/getting-started/client-side-application.md @@ -14,7 +14,7 @@ Syncfusion® Blazor DOCX Editor (Document Editor) enables you to create, edit, v ## Steps to create a Blazor WASM DOCX Editor -This section explains how to include the [Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component in a Blazor WebAssembly (WASM) application using Visual Studio and Visual Studio Code. +This section explains how to include the [Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) component in a Blazor WebAssembly (WASM) application using Visual Studio and Visual Studio Code. {% tabcontents %} @@ -163,7 +163,7 @@ Add the Syncfusion® Blazor Document Editor Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Document Editor component in your default web browser. The output will appear as follows: -{% previewsample "https://blazorplayground.syncfusion.com/embed/LDBpDiLugARSruZb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DocumentEditor](../images/blazor-document-editor.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LDBpDiLugARSruZb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor DOCX Editor in WASM](../images/blazor-docx-editor.png) diff --git a/Document-Processing/Word/Word-Processor/blazor/getting-started/web-app.md b/Document-Processing/Word/Word-Processor/blazor/getting-started/web-app.md index ac67d8cce..4d96b9d3a 100644 --- a/Document-Processing/Word/Word-Processor/blazor/getting-started/web-app.md +++ b/Document-Processing/Word/Word-Processor/blazor/getting-started/web-app.md @@ -11,7 +11,7 @@ documentation: ug Syncfusion® Blazor DOCX Editor (Document Editor) enables you to create, edit, view, and print Word documents in web applications. This section guides you through the steps to get started and create a DOCX Editor in a Blazor WebAssembly (WASM) application. ## Steps to create a Blazor Web App DOCX Editor -This section explains about how to include the [Blazor Document Editor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component in a Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code. +This section explains about how to include the [Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor) component in a Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code. {% tabcontents %} @@ -196,7 +196,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## See also -- [Getting started in Blazor WASM app](https://help.syncfusion.com/document-processing/word/word-processor/blazor/getting-started/server-side-application) +- [Getting started in Blazor WASM app](https://help.syncfusion.com/document-processing/word/word-processor/blazor/getting-started/client-side-application) - [Open a document](https://help.syncfusion.com/document-processing/word/word-processor/blazor/opening-a-document) - [Save a document](https://help.syncfusion.com/document-processing/word/word-processor/blazor/saving-document) diff --git a/Document-Processing/Word/Word-Processor/blazor/overview.md b/Document-Processing/Word/Word-Processor/blazor/overview.md index 4aa75eae4..7e855f36f 100644 --- a/Document-Processing/Word/Word-Processor/blazor/overview.md +++ b/Document-Processing/Word/Word-Processor/blazor/overview.md @@ -15,20 +15,20 @@ The Syncfusion® [Blazor DOCX Editor](https: ## Key Features -* [Opens](./opening-a-document.md) the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side. -* [Saves the documents](./saving-document.md) in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`. -* Supports document elements like text, [image](./image.md), [table](./table.md), fields, [bookmark](./bookmark.md), [shapes](./shapes.md), [section](./section-format.md), [header and footer](./header-footer.md). -* Supports the commonly used fields like [hyperlink](./link.md), page number, page count, and table of contents. -* Supports formats like [text](./text-format.md), [paragraph](./paragraph-format.md), [bullets and numbering](./list-format.md), [table](./table-format.md) and [page settings](./section-format.md). -* Provides support to create, edit, and apply [paragraph and character styles](./styles.md). -* Provides support to [find and replace](./find-and-replace.md) text within the document. -* Supports all the common editing and formatting operations along with [undo and redo](./history.md). -* Provides support to [cut](./clipboard#cut), [copy](./clipboard#copy), and [paste](./clipboard.md#paste) rich text contents within the component. Also allows pasting simple text to and from other applications. -* Provides support to insert, and edit [form fields](./form-fields.md). -* Provides support to insert, and edit [comments](./comments.md). -* Provides support to track the [inserted and deleted content](./track-changes.md). +* [Opens](./opening-a-document) the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side. +* [Saves the documents](./saving-document) in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`. +* Supports document elements like text, [image](./image), [table](./table), fields, [bookmark](./bookmark), [shapes](./shapes), [section](./section-format), [header and footer](./header-footer). +* Supports the commonly used fields like [hyperlink](./link), page number, page count, and table of contents. +* Supports formats like [text](./text-format), [paragraph](./paragraph-format), [bullets and numbering](./list-format), [table](./table-format) and [page settings](./section-format). +* Provides support to create, edit, and apply [paragraph and character styles](./styles). +* Provides support to [find and replace](./find-and-replace) text within the document. +* Supports all the common editing and formatting operations along with [undo and redo](./history). +* Provides support to [cut](./clipboard#cut), [copy](./clipboard#copy), and [paste](./clipboard#paste) rich text contents within the component. Also allows pasting simple text to and from other applications. +* Provides support to insert, and edit [form fields](./form-fields). +* Provides support to insert, and edit [comments](./comments). +* Provides support to track the [inserted and deleted content](./track-changes). * Provides support to perform spell checking for any input text * Allows user interactions like zoom, scroll select contents through touch, mouse, and keyboard. -* Provides intuitive UI options like context menu, dialogs, and [navigation pane](./find-and-replace.md#show-or-hide-navigation-pane). +* Provides intuitive UI options like context menu, dialogs, and [navigation pane](./find-and-replace#show-or-hide-navigation-pane). * Localizes all the static text to any desired language. -* Allows to create a lightweight Word viewer using module injection to view and [prints](./print.md) Word documents. +* Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/overview.md b/Document-Processing/Word/Word-Processor/javascript-es5/overview.md index a0cd1cc15..cc7950be5 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/overview.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/overview.md @@ -31,7 +31,7 @@ The Syncfusion® JavaScript DOCX Editor (Doc * Provides support to perform [spell checking](./spell-check) for any input text * Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard. * Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane). -* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](./ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](./global-local) all the static text to any desired language. * Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents. * Provides a [server-side helper library](./web-services-overview) to open the Word documents like DOCX, DOC, WordML, RTF, and Text, by converting it to SFDT file format. @@ -39,15 +39,16 @@ The Syncfusion® JavaScript DOCX Editor (Doc ## Supported platforms for server-side dependencies The Document Editor component requires server-side interactions for the following operations: -• Open file formats other than SFDT +* Open file formats other than SFDT -• Paste with formatting +* Paste with formatting -• Restrict editing +* Restrict editing -• Spell check +* Spell check + +* Save as file formats other than SFDT and DOCX -• Save as file formats other than SFDT and DOCX You can deploy web APIs for server-side dependencies of Document Editor component in the following platforms. diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/getting-started.md b/Document-Processing/Word/Word-Processor/javascript-es6/getting-started.md index 3f604503e..061451a47 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/getting-started.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/getting-started.md @@ -77,7 +77,7 @@ Add the following Document Editor and dependent component style references to `~ {% endtabs %} -## Add the Syncfusion® Document Editor component +### Add the Syncfusion® Document Editor component Add an HTML `div` element to act as the Document Editor element in the `index.html` file: diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/overview.md b/Document-Processing/Word/Word-Processor/javascript-es6/overview.md index 6135fd4c9..fac2b613a 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/overview.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/overview.md @@ -47,7 +47,7 @@ The Syncfusion® [JavaScript DOCX Editor](ht * Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane). -* Provides a ribbon interface similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](./ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](./global-local) all the static text to any desired language. diff --git a/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md b/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md index 72e6d782b..41c8e8532 100644 --- a/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md +++ b/Document-Processing/Word/Word-Processor/react/nextjs-getting-started.md @@ -56,8 +56,6 @@ Using one of the above commands will prompt you to configure additional settings {% tabs %} {% highlight bash tabtitle="CMD" %} -√ What is your project named? ... ej2-nextjs-documenteditor -√ What is your project named? ... ej2-nextjs-grid ? Would you like to use the recommended Next.js defaults? > Yes, use recommended defaults - TypeScript, ESLint, Tailwind CSS, App Router No, reuse previous settings diff --git a/Document-Processing/Word/Word-Processor/react/overview.md b/Document-Processing/Word/Word-Processor/react/overview.md index c96b8ed80..b905bd647 100644 --- a/Document-Processing/Word/Word-Processor/react/overview.md +++ b/Document-Processing/Word/Word-Processor/react/overview.md @@ -31,7 +31,7 @@ The Syncfusion® [React DOCX Editor](https:/ * Provides support to perform [spell checking](./spell-check) for any input text * Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard. * Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane). -* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](./ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](./global-local) all the static text to any desired language. * Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents. * Provides a [server-side helper library](./web-services) to open the Word documents like DOCX, DOC, WordML, RTF, and Text, by converting it to SFDT file format. @@ -40,15 +40,15 @@ The Syncfusion® [React DOCX Editor](https:/ The Document Editor component requires server-side interactions for the following operations: -• Open file formats other than SFDT +* Open file formats other than SFDT -• Paste with formatting +* Paste with formatting -• Restrict editing +* Restrict editing -• Spell check +* Spell check -• Save as file formats other than SFDT and DOCX +* Save as file formats other than SFDT and DOCX You can deploy web APIs for server-side dependencies of Document Editor component in the following platforms. diff --git a/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-richtextbox-dragfrom-toolbox.png b/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-richtextbox-dragfrom-toolbox.png index 78ab97672..80ccf7625 100644 Binary files a/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-richtextbox-dragfrom-toolbox.png and b/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-richtextbox-dragfrom-toolbox.png differ diff --git a/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-sfrichtextboxadv-control.png b/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-sfrichtextboxadv-control.png index 3ce392186..f033b008c 100644 Binary files a/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-sfrichtextboxadv-control.png and b/Document-Processing/Word/Word-Processor/uwp/Getting-Started_images/uwp-sfrichtextboxadv-control.png differ diff --git a/Document-Processing/Word/Word-Processor/vue/overview.md b/Document-Processing/Word/Word-Processor/vue/overview.md index aa4b44b53..2d8d83ca3 100644 --- a/Document-Processing/Word/Word-Processor/vue/overview.md +++ b/Document-Processing/Word/Word-Processor/vue/overview.md @@ -31,7 +31,7 @@ The Syncfusion® [Vue DOCX Editor](https://w * Provides support to perform [spell checking](./spell-check) for any input text * Allows user interactions like [zoom](./scrolling-zooming#zooming), [scroll](./scrolling-zooming), select contents through touch, mouse, and keyboard. * Provides intuitive UI options like context menu, [dialogs](./dialog), and [navigation pane](./find-and-replace#options-pane). -* Provides a [ribbon interface](./ribbon.md) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. +* Provides a [ribbon interface](./ribbon) similar to Microsoft Word, with tab-based commands for quick and intuitive access to features. * [Localizes](./global-local) all the static text to any desired language. * Allows to create a lightweight Word viewer using module injection to view and [prints](./print) Word documents. * Provides a [server-side helper library](./web-services-overview) to open the Word documents like DOCX, DOC, WordML, RTF, and Text, by converting it to SFDT file format. @@ -40,15 +40,16 @@ The Syncfusion® [Vue DOCX Editor](https://w ## Supported platforms for server-side dependencies The Document Editor component requires server-side interactions for the following operations: -• Open file formats other than SFDT +* Open file formats other than SFDT -• Paste with formatting +* Paste with formatting -• Restrict editing +* Restrict editing -• Spell check +* Spell check -• Save as file formats other than SFDT and DOCX +* Save as file formats other than SFDT and DOCX + You can deploy web APIs for server-side dependencies of Document Editor component in the following platforms. diff --git a/Document-Processing/Word/Word-Processor/wpf/Getting-Started.md b/Document-Processing/Word/Word-Processor/wpf/Getting-Started.md index 1f5a545cc..6ce25df87 100644 --- a/Document-Processing/Word/Word-Processor/wpf/Getting-Started.md +++ b/Document-Processing/Word/Word-Processor/wpf/Getting-Started.md @@ -9,7 +9,7 @@ keywords: getting started # Getting Started with WPF RichTextBox (SfRichTextBoxAdv) -Syncfusion® [WPF RichTextBox](https://www.syncfusion.com/wpf-controls/richtextbox) (SfRichTextBoxAdv) enables you to create, edit, view, and print Word documents in WPF applications. This section guides you through the steps to get started and create a RichTextBox in a WPF application. +Syncfusion® [WPF RichTextBox](https://www.syncfusion.com/docx-editor-sdk/wpf-docx-editor) (SfRichTextBoxAdv) enables you to create, edit, view, and print Word documents in WPF applications. This section guides you through the steps to get started and create a RichTextBox in a WPF application. ## Create a RichTextBox in WPF using SfRichTextBoxAdv diff --git a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-richtextbox-dragfrom-toolbox.png b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-richtextbox-dragfrom-toolbox.png index c417153cb..ed94149cb 100644 Binary files a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-richtextbox-dragfrom-toolbox.png and b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-richtextbox-dragfrom-toolbox.png differ diff --git a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-control.png b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-control.png index 1af31cdf4..790816578 100644 Binary files a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-control.png and b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-control.png differ diff --git a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-with-sfrichtextribbon.png b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-with-sfrichtextribbon.png index 0e799820c..6ceb8a31c 100644 Binary files a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-with-sfrichtextribbon.png and b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextboxadv-with-sfrichtextribbon.png differ diff --git a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextribbon-dragfrom-toolbox.png b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextribbon-dragfrom-toolbox.png index 5b43cf2ab..034c65aac 100644 Binary files a/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextribbon-dragfrom-toolbox.png and b/Document-Processing/Word/Word-Processor/wpf/Getting-Started_images/wpf-sfrichtextribbon-dragfrom-toolbox.png differ diff --git a/Document-Processing/Word/Word-Processor/wpf/Overview.md b/Document-Processing/Word/Word-Processor/wpf/Overview.md index 1b0fbea25..c11c87507 100644 --- a/Document-Processing/Word/Word-Processor/wpf/Overview.md +++ b/Document-Processing/Word/Word-Processor/wpf/Overview.md @@ -14,13 +14,13 @@ The Syncfusion ® [WPF RichTextBox](https:// ## Features -* View and edit rich text content, including text, [images](./Image.md), [tables](./Table.md), and [comments](./Comment.md). -* [Import and export](./Import-and-Export.md) document formats such as Word (.doc, .docx), Rich Text Format (.rtf), HTML (.htm, .html), XAML (.xaml), and plain text (.txt). -* [Print](./Printing-Contents.md) document content with page-by-page rendering. +* View and edit rich text content, including text, [images](./Image), [tables](./Table), and [comments](./Comment). +* [Import and export](./Import-and-Export) document formats such as Word (.doc, .docx), Rich Text Format (.rtf), HTML (.htm, .html), XAML (.xaml), and plain text (.txt). +* [Print](./Printing-Contents) document content with page-by-page rendering. * Supports a wide range of image formats (except Metafile images). -* Provides [undo and redo](./Undo-Redo.md) support for all editing and formatting operations, including text, tables, images, hyperlinks, and styling (bold, italic, etc.). +* Provides [undo and redo](./Undo-Redo) support for all editing and formatting operations, including text, tables, images, hyperlinks, and styling (bold, italic, etc.). * Supports different header and footer configurations, including first page and odd/even pages. -* Enables [cut](./Clipboard.md), [copy](./Clipboard.md), and [paste](./Clipboard.md) operations, including rich text content via the clipboard. +* Enables [cut](./Clipboard), [copy](./Clipboard), and [paste](./Clipboard) operations, including rich text content via the clipboard. * Supports loading encrypted Word documents with valid password. ->Note: Currently, the SfRichTextBoxAdv cannot edit rich text in headers and footers. +>Note: Currently, the SfRichTextBoxAdv cannot edit rich text in headers and footers. \ No newline at end of file