Blazor Rich Text Editor - Table and Hyperlink Dialogs (v21.1.5)

ASP.NET Team Blog
02 August 2021

Our most recent Blazor UI update (v21.1.5) includes two helpful dialogs for the DevExpress Blazor Rich Text Editor component: 'Insert Table' and 'Hyperlink'. As their name suggests, these new dialogs allow users to create and modify tables or hyperlinks within our Blazor Rich Text Editor.

Note: At present, our Blazor Rich Text Editor component (v21.1.5) is available as a CTP (community technology preview) in the v21.1.5 release.

Insert Table Dialog

The new 'Insert Table' dialog allows users to quickly generate a new table and insert it into an existing document. The dialog includes options to set the table's column and row numbers. Click the 'Table' ribbon item located on the 'Insert' tab to display the dialog.

Blazor-rich-text-editor-insert-table-dialog

Hyperlink Dialog

The editor's new 'Hyperlink' dialog allows users to insert a new hyperlink or edit existing hyperlinks within a document. It includes settings for three hyperlink types: a hyperlink to a web page, a link to a position within the document (bookmark), or an e-mail address.

Click the 'Hyperlink' ribbon item to activate this dialog.

Blazor-rich-text-editor-insert-hyperlink-dialog

Your Feedback Counts

We’d like to hear from you about your development plans and needs. For some quick feedback, please submit your responses to this short survey:

And feel free to post additional comments below. Let us know what you think of our Blazor Rich Text Editor's new dialogs.

FREE DevExpress Xamarin UI Controls

Deliver high-impact native mobile apps with our feature-rich Data Grid, Scheduler, Chart, TabView, Editors, and utility controls. Reserve your free copy today!
Eric Duyonco
Api

Thank you, I really love this component and plan to implement it soon.

I hope Blazor will be able to catch up and port all Devextreme components soon.

I'm looking forward development of the following:

Grid

DataEditors specifically Lookup

Diagram

Thanks

3 August 2021
Jaime Alvarez [VOLUNDAT]
Jaime Alvarez

I can't see version 21.1.5 in my download section, when will this version be available?


Thanks !!!

3 August 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Jaime, v21.1.5 should be available now in your download center.
6 August 2021
Chris Royle (LOB)
Chris Royle (LOBS)
A Rich Text Editor is nice - but it would be useful to have a simple html editor - much like the one I'm typing this comment into. Using a Rich text editor which saves as html is a poor workaround. 
12 August 2021
Vladislav Kiselev
Vladislav Kiselev

Will this work in Blazor WebAssembly app?

13 August 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Vladislav, At present, our Rich Text Editor CTP supports Blazor Server applications only, however, we expect our editor to support Blazor WebAssembly in a future release.
13 August 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Chris, I recommend integrating the DevExtreme HTML Editor in your Blazor app. This helpful knowledgebase article describes "How to use DevExtreme widgets in Blazor applications". I also recommend taking at look at this ticket. While we don't have plans this year for an HTML Editor in Blazor, we'll consider your feedback for a future release.
16 August 2021
CRM-f0fc330c-5e30-4463-b715-1ee649568542
BENNANI

Hi Mehul,

I have create a simple page and integrate the richtext. all work fine but when I try to save the document to the file loaded nothing happen and I lose changes.

could you help me please

17 August 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Customer169639 please create a ticket here and our support team can help you solve the issue.
17 August 2021
Dominik_K
Dominik_K
I assume that Blazor Rich Text Editor shares the same code basis with the ASP.NET Core Rich Text Editor? Are there any plans to support "Table Properties" for Blazor/ASP.NET Core? In Webforms/MVC there are table properties available to change cell-marings and cell/row-settings.

That is at the moment one of the main reasons why I can't use ASP.NET Core or Blazor for my projects.
18 August 2021
Vladislav Kiselev
Vladislav Kiselev

Hi Mehul, when do you expect to have WebAssembly-ready text editor? Any roadmap? "This year", "beginning of the next year" are normal answers. We are at the beginning of a new project and at this point it is very important for us to understand: may we expect this editor in the reasonable future or not (and therefore we have to find another solution).

19 August 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Dominik_K, Yes, it does share the same code base with our ASP.NET Core Rich Text Editor.

Thanks for the feedback. While our Blazor Rich Text Editor now has support for inserting tables as well as the "Design" and "Layout" tabs for editing tables, we do not have the "Table Properties" dialog yet. We'll likely support this feature next year.

21 August 2021
Vladimir Frizen (DevExpress)
Vladimir Frizen (DevExpress)
Hi Vladislav,

We will likely implement WebAssembly support in Rich Text Edit next year. However, we need to gather use case scenarios of this component in Blazor Wasm because it helps shape our development plans.
Could you (and other interested customers) please contact me at aspnetteam@devexpress.com and describe your application technical scenario on how you plan to use Rich Text Edit in a Blazor WebAssembly project?

15 September 2021

Please login or register to post comments.