How do you localize the Vue ImageEditor?

I found a list of translation keys here:

Localization

... however that doesn't include any key to localize the following text:

"Drop your image here or Browse here..."

or "Supports: SVG, PNG, and JPG"

What am I missing?

Thanks!


3 Replies

BS Buvana Sathasivam Syncfusion Team February 4, 2025 07:24 AM UTC

Hi Franck,


Thank you for reaching out to Syncfusion support!


You can easily achieve the desired functionality by using the following localization keywords:


 

L10n.load({

  'de-DE': {

    'image-editor': {

      DragText: 'Drag and drop your image here or',

      BrowseText: 'Browse here...',

      SupportText: 'Supports: ',

    },

  },

});

 



You can find a working example here: https://stackblitz.com/edit/r5yuafkq-au4raela?file=src%2FApp.vue


Additionally, we will be updating our documentation in one of our upcoming releases to further enhance your experience.


Regards,

Buvana S



FM Franck Mangin March 4, 2025 04:42 PM UTC

Thanks, getting there, BrowseTest and SupportText work, however DragText does not :)


Franck

EDIT: searching through the source, DropText does it; DragText is defined too, probably used elsewhere.



BS Buvana Sathasivam Syncfusion Team March 5, 2025 10:38 AM UTC

Hi Franck,

Thank you for your response and for sharing the update.

We would like to inform you that the DragText localization text is used for larger screen support. If the image editor component's width falls below 350px, it will automatically switch to using the DropText localization text instead.

Please feel free to reach out if you need any further clarification or if there’s anything else we can assist you with!

Best regards,
Buvana S


Loader.
Up arrow icon