Prevent users from being able to upload an image in HtmlEditor

Radzen.Blazor Components
1

Hi

I'm using the HTMLEditor.
I'm able to paste images in there but I've notice that when saving it to the Dbase it is Base64 encoded.

This seriously impacts my application's loading time.

Is there a way to paste an image of which the src is actually on the web.

<img src="https://www.google.be/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png">

Kind regards,
Tino

2

Yes. Configure RadzenHtmlEditor to support image uploads.

3

Hi

I found I can do it with the image upload, but is there a way to remove the possibility to select a pic from a folder in that dialog?

rgds
Tino

4

What dialog? Enabling uploads doesn't need any dialogs.

5

Hi,

Taken from your demo I mean the popup you receive when clicking the image icon in the menu bar.

image
image2441×1650 179 KB

Can I remove the select image part from that?

Kind regards,
Tino

6

You can't remove that. You can remove the tool altogether though.

7

I want to be able to upload an image url and width and height but don't want to enable uploading a picture through "upload" url.

Is there also no way to disable that functionality?

rgds
Tino

8

I have already answered your question.

9

Hello i think u can do a workaround throw css by hiding o disabling the uploadField

To hide the first item of any html editor modal (but will hidden in others dialog too like the 'insert link')

.rz-html-editor-dialog .rz-html-editor-dialog-item:first-child{
display: none;
}

To hide the upload field of any html editor modal (but the label will not be hidden)

.rz-html-editor-dialog .rz-html-editor-dialog-item .rz-fileupload{
display: none;
}

To disable the upload field of any html editor modal

.rz-html-editor-dialog .rz-html-editor-dialog-item .rz-fileupload{
    pointer-events:none;
    opacity: 0.5;
}

To hide any html editor item that has a radzenupload as child (U SHOULD USE THIS)

.rz-html-editor-dialog .rz-html-editor-dialog-item:has(.rz-fileupload) {
    display: none;
}

CAREFUL: Can impact other html editor dialog

Hope can be helpful

1 Like
10

Thx, I found that workaround in the meantime. Just didn't get to posting it on here for future reference...

Your explanation is more elaborate than mine would have been :wink:

1 Like