Skip to content

Commit 1c76d2b

Browse files
authored
Merge pull request #1 from thangavele/patch-1
Updated the Readme content for Keyword changes.
2 parents afc68df + 7f8b0a9 commit 1c76d2b

File tree

1 file changed

+49
-3
lines changed

1 file changed

+49
-3
lines changed

README.md

Lines changed: 49 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Create a Rich Text Editor in a Blazor Server Application
22

3-
This is a quick-start project that helps you create the Blazor Rich Text Editor of Syncfusion using Visual Studio 2019. This example explains how to edit and format the HTML and Markdown content using the Blazor Rich Text Editor component of Syncfusion. It also explains few of the important features of Rich Text Editor like how to customize the toolbar, add HTML elements, and retrieve formatted HTML content.
3+
The [Blazor Rich Text Editor](https://www.syncfusion.com/blazor-components/blazor-wysiwyg-rich-text-editor?utm_source=github&utm_medium=listing&utm_campaign=blazor-rich-text-editor-github-samples) is a feature-rich WYSIWYG HTML editor and WYSIWYG Markdown editor. This quick-start project helps create the Blazor Rich Text Editor of Syncfusion using Visual Studio 2019. This example explains how to edit and format the HTML and Markdown content. It also explains a few important features of the Rich Text Editor (RTE) like customizing the toolbar, adding HTML elements, and retrieving the formatted HTML content.
44

55
Watch a How-to Video: https://www.syncfusion.com/tutorial-videos/blazor/rich-text-editor?title=create-a-rich-text-editor-in-a-blazor-server-application
66

@@ -15,9 +15,55 @@ Make sure you have the compatible versions of .NET Core on your machine before s
1515
* [.NET Core SDK 3.1.2+](https://dotnet.microsoft.com/download/dotnet-core/3.1)
1616

1717
## How to run this application
18-
To run this application, you need to first clone or download this ‘Create a Rich Text Editor in a Blazor Server Application’ repository and then open it in Visual Studio 2019. Now, build and run your project to view the output.
18+
To run this application, you need to first clone or download the ‘Create a Rich Text Editor in a Blazor Server Application’ repository and then open it in Visual Studio 2019. Now, build and run your project to view the output.
1919

2020
## Further help
21-
2221
To get more help, check out the [ASP.NET Core Blazor documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor).
2322

23+
## Features and benefits
24+
25+
### WYSIWYG HTML editor
26+
The Blazor Rich Text Editor component can be used as a WYSIWYG HTML editor. It allows users to view and change the content to HTML markup and also to view the HTML source using the Code View icon.
27+
28+
### Markdown editor
29+
The Blazor Rich Text Editor control can be used as a Blazor WYSIWYG Markdown Editor. It allows the content to be in the markdown format. The typed markdown syntax content can be previewed using a third-party plugin.
30+
31+
### Inline mode
32+
Makes the inline HTML editor to show up when you click or select the content in an editable area.
33+
34+
### WYSIWYG HTML editor Iframe mode
35+
The Blazor Rich Text Editor supports Iframe editing with customized Iframe attributes. It also easily changes the appearance of the Iframe editor’s content when using external CSS and script files.
36+
37+
### HTML editor toolbar
38+
The WYSIWYG HTML editor toolbar provides a variety of commands for editing and formatting the content. You can format text, paragraphs, and insert images, hyperlinks, tables, lists, etc. The tool commands are grouped based on related functionality.
39+
40+
### Insert images and links
41+
Insert images to the content from a local path or server path with image captions and then link URLs to the images. Upload images to a server with drag-and-drop or file upload. Insert or change the hyperlinks with customization options such as display text, tooltip, and link to be opened in a new window.
42+
43+
### Full screen text editor
44+
The built-in option makes the WYSIWYG HTML editor full screen size (full page editor) for editing the content.
45+
46+
### Source code (HTML) view
47+
Examine and edit the HTML code directly in the source code and view the preview result (HTML live editor).
48+
49+
### Auto hyperlink of URL
50+
Configured to turn text into a hyperlink automatically when the user types the URL as a plain text.
51+
52+
### Blazor form validations
53+
The Blazor Rich Text Editor is a form component that seamlessly supports forms and obtains values on form submission. The two types of validation are,
54+
• Required validation
55+
• Maximum length validation
56+
57+
### Resizable editor
58+
The Rich Text Editor for Blazor has built-in resizable support that helps widen or shrink the content area.
59+
60+
### Touch-friendly and responsive WYSIWYG editor
61+
The RTE for Blazor (mobile HTML editor) recognizes touch gestures, allowing the user to swipe left or right to move the toolbar. The responsive, mobile-friendly design provides the best user experience on all mobiles, tablets, and desktop form factors.
62+
63+
### Globalization
64+
65+
#### Right to Left (RTL)
66+
Allows the text direction and layout of the text editor to be displayed from right to left. This improves the user experience and accessibility for RTL languages such as Arabic, Farsi, Hebrew, etc.
67+
68+
#### Localization
69+
Customize all static texts used in the Blazor Rich Text Editor component using the localization library.

0 commit comments

Comments
 (0)