This is a migrated thread and some comments may be shown as answers.

KendoReact Editor photo picker with upload

5 Answers 350 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
Sanja Tolo asked on 28 Mar 2020, 07:34 PM

Hi,

There is no demo of this functionality.

Can it be achieved? Could you give me an example.

I would do it with .NET Core on the server to save the files there.

In a nutshell I would like to have a photo picker where I can insert a photo in the Editor content from photo gallery or upload a new photo there, send it to the server (as with any other upload) and display it with relative local path.

 

Thnx!

Sanja

5 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 30 Mar 2020, 05:47 AM

Hello, Sanja,

Currently, we have a feature request for the same functionality. I can suggest voting for it as it will increase its chances to the implemented sooner:

https://feedback.telerik.com/kendo-react-ui/1413927-the-ability-to-insert-images-in-the-editor-from-the-file-system

For now, the Editor can only show images that are already uploaded on a server using the insert image tool:
https://www.telerik.com/kendo-react-ui/components/editor/tools/

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
answered on 30 Mar 2020, 09:49 PM

Thnx!

Actually it cannot show images ***uploaded from the server*** because that would imply it has a picker without upload only.

But it doesn't have anything related to image management.

To be honest, a rich text editor without image management is really not complete and is a half done product, not a feature request.

Votes or no votes, I hope it gets it soon, in the meantime, I'll look for a rich text control which is complete.

Thank you for your help,

Sanja

0
Stefan
Telerik team
answered on 31 Mar 2020, 07:39 AM

Hello, Sanja,

Thank you for the direct and honest feedback.

This is very helpful for us and it helps us improve.

Is it possible the check the example with have in our Angular components, to see if the same will prove helpful if we have it in the KendoReact components?

https://www.telerik.com/kendo-angular-ui/components/editor/how-to/upload-integration/

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
answered on 07 Apr 2020, 10:57 AM

Hi,

Thank you for understanding! :)

We have a problem that I am and my company an old user of Telerik, ever since classic .NET, and we have come to expect certain level of perfectness from your components, so that's why it sounded like critique, but is more something that we've come to love about your company that we sometimes still don't have with React components :)

This is more an example of what we need and mean:

https://demos.telerik.com/aspnet-mvc/editor

Please see the image icon and the image browser with upload, picker from existing and such.

We've used your editor since long time now, and in the MVC times it was perfect ;)

 

Thnx!

Sanja

0
Stefan
Telerik team
answered on 09 Apr 2020, 05:25 AM

Hello, Sanja,

Yes, I completely understand and agree with you.

One of the main reasons for such integrations missing in React is that with AJAX and MVC etc, they are server-side technologies, so we can provide built-in integration as we know the specifics of the technology and the API, they are so to say known variables. Where in the React world, the server technology can be different in every project, starting from MVC, Core, PHP, Java, NodeJs, etc. This is why making such file management integration built-in is very tricky.

Still, we know that this is an important part, and will think of an idea at least in a demo, to showcase how to achieve the same with the KendoReact Editor.

Also, as a side note, please have in mind that any of our Kendo UI for jQuery components (MVC is a wrapper of them) can easily be used in a React application as well, following this approach. We made this article as we understand that there will be components or critical features still missing in the early state and we wanted to make transitions like this easier:

https://docs.telerik.com/kendo-ui/third-party/react

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
RainMaker
Top achievements
Rank 1
commented on 18 May 2022, 09:34 PM

I followed the link here and I see that this has been deprecated.  Can we still use the jquery wrapper?

Is there an image browser planned for the react editor. 

Stefan
Telerik team
commented on 19 May 2022, 08:19 AM

Hello, 

Yes, the wrappers are deprecated, but you can still use the Kendo UI directly for jQuery components, as shown in the link:

https://docs.telerik.com/kendo-ui/third-party/react#kendo-ui-for-jquery-in-react-applications

Still, we have also improved our Image related functionalities:

https://www.telerik.com/kendo-react-ui/components/editor/images/

RainMaker
Top achievements
Rank 1
commented on 19 May 2022, 06:48 PM

We require an image browser for our customers. Is this planned at all for the react editor?
Stefan
Telerik team
commented on 20 May 2022, 09:10 AM

Hello,

Could you please clarify what you refer to as an image browser?

Sending screenshots of the functionality could be helpful.

RainMaker
Top achievements
Rank 1
commented on 20 May 2022, 02:04 PM

The functionality is part of the jquery version of kendo, screenshot below.

We currently use tinymce and MoxieManager to accomplish this on our legacy site, but would like to move to kendo.

We are testing the jquery rich text editor in our react app, but it would be nice to have it in native react

 

Stefan
Telerik team
commented on 23 May 2022, 11:20 AM

Hello,

Thank you for the clarification.

If I understand correctly, the requirement is to show a list of images that are hosted on a server and allow the user to choose from them, is that correct?

If that is the case, that will be a different feature to allow users to choose a file from the server:

https://feedback.telerik.com/kendo-react-ui/

Tags
General Discussions
Asked by
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
Answers by
Stefan
Telerik team
Sanja Tolo
Top achievements
Rank 1
Iron
Iron
Share this question
or