How do I use the different image editor options?

The Image editor option allows us to insert images along with hyperlinking it, changing the alignment and customizing it as per our requirement. Below is an example of how the different settings are used:

You need click on image icon:

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069787/original/gYidtc4xJUm7FAHEcqyJKW39Qj7t6B7omg.png?1599207816
image editor


In modal window you can see 3 or 4 tabs:

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069785/original/5lXCFYHeeTIJG-Z64yV99qWhfzXFIjhsfA.png?1599207816
Modal Window

Image info: (first tab):

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069786/original/eQGCX_HlcRF5xVGYXi4juu5s7ut4GrLKHQ.png?1599207816
Image Url
  • Alternative Text – this text will show up when the image is lost:

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069789/original/TvoPqY8BJTHnGii-00chtnmTs9LUqskFng.png?1599207816
  1. Width/Height – image size

  2. Border for image

  3. HSpace / VSpace – empty space around image (x/y)

  4. Alignment – text alignment

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069792/original/d503SaoIWEu869o9h67sSUPRI9NMOoIlLA.png?1599207817
Align Text

 Link: (second tab):

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069790/original/ZafyI7LoLzWZ3qHimT-YvjNPk65LtBgauw.png?1599207816

The Link tab allows us to Hyperlink the image. 

URL – Which URL should open once we click on the Image. 

Target – Where do we want to open the link? 

  • Upload:

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069788/original/RcDTjqILONX5PByz92dJooEEWTvN75BHiQ.png?1599207816

Using this tab, we can upload your images to your Expo Platform server:

  1. Choose file.

  1. Click send.

  2. After upload, it will be open first tab (Image Info) where we can customize all the image parameters as per our requirements. (Screenshot attached below):

https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/33046069793/original/aDqMfg2FIDfJthDZ5JZ1liTs2ek886wsKg.png?1599207817

 Advanced:

These are in-depth advanced settings that can be used for Images and require codes which is hardly used by anyone as the other settings do the job.