Here is a link to a video reproducing the problem.
When using a DxRichEdit I get all kinds of weird graphics on the screen, and the editing is really weird.
I've also attached a repro project.
I cannot get DxRichEdit to work
Show previous comments
(0)
Comments
(0)
Sign in to comment on this post
Answers approved by DevExpress Support
Hello Peter,
Thank you for the sample project. It appears that this issue is caused by the incorrect implementation of the stylesheet.
In v24.1, the RichEdit component switched from Bootstrap to a new optimized rendering mechanism, so you need to remove .bs5 from the file's URL: DxRichEdit - The component render has changed.
For example:
HTML<!-- v23.2 -->
<link href="_content/DevExpress.Blazor.RichEdit/dx-blazor-richedit.bs5.css" rel="stylesheet" />
<!-- v24.1 -->
<link href="_content/DevExpress.Blazor.RichEdit/dx-blazor-richedit.css" rel="stylesheet" />
Please try this solution and let us know if it helps.
Regards,
John
Comments
(2)
PM
2 days ago
Thanks for your quick response, my issue is now solved!
I re-read the docs, may I suggest a change?
https://docs.devexpress.com/Blazor/403121/components/rich-edit/get-started-with-rich-text-editor
I only skimmed through quickly because I wanted to start quickly rather than read how css versioning works (which I already know).
I looked at the page contents shown and saw instructions on adding css. I looked in my index.html and saw it was already done, so continued down the text.
Next I saw a note on using Blazor hybrid. I am not, so I skipped to the text beneath it.
Next is text saying I can use IFileVersionProvider instead - which I skipped because I just want it to work properly before trying to change stuff.
Then I read the text "Such techniques ensure that web browsers on user machines use the current version of DevExpress CSS resources instead of the previously cached version. Refer to HTTP caching for more information about the browser cache." which is immediately followed by some HTML. I looked at the bottom of the HTML and saw some versioning code and thought it was just a repetition of the code I have previously seen is already implemented, so I skipped it.
I believed the first code snippet in point 2 "Register the Rich Text Editor’s CSS file" had already registered all the CSS I needed, so I completely missed that this is a different CSS.
My recommendation would be to split #2 into #2 and #3.
2: Ensure the DevExpress Blazor CSS is registered in the <head> section…
3: Ensure the DxRichEdit CSS is registered in the <head> section…
Hi Peter,
We are happy to hear that the issue is resolved.
Thank you for your feedback regarding the documentation - I shared it with our technical writers. They will definitely take a look.