KendoReact Editor photo picker with upload

6 posts, 0 answers
  1. Sanja Tolo
    Sanja Tolo avatar
    6 posts
    Member since:
    Jul 2008

    Posted 28 Mar 2020 Link to this post

    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

  2. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 30 Mar 2020 Link to this post

    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.
  3. Sanja Tolo
    Sanja Tolo avatar
    6 posts
    Member since:
    Jul 2008

    Posted 30 Mar 2020 in reply to Stefan Link to this post

    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

  4. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 31 Mar 2020 Link to this post

    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.
  5. Sanja Tolo
    Sanja Tolo avatar
    6 posts
    Member since:
    Jul 2008

    Posted 07 Apr 2020 in reply to Stefan Link to this post

    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

  6. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 09 Apr 2020 Link to this post

    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.
Back to Top