Insert images option in RichText field does not work after published

Steps to reproduce

1. In Resource Files App override this textField in travel-demo\dialog\component\textImage.yaml

• name: text
  class: info.magnolia.ui.form.field.definition.RichTextFieldDefinition
  i18n: true
  images: true

2. Create a page with travel standard template and add a TextImage component
3. In RichText field add a "image" and add the same dam from "link to DAM document"
4. In image tab select a "Image"

5. publish page and preview in author instance

6. preview in public instance**

If you see source code author

      richtextcode image
<img alt="" src="/magnoliaAuthor/dam/jcr:be6a8109-dea0-40b9-ae5f-ec7a93dc083f/237-536x354.jpg" style="height:354px; width:536px">

      richtextcode link
<a href="/magnoliaAuthor/dam/jcr:be6a8109-dea0-40b9-ae5f-ec7a93dc083f/237-536x354.jpg">237-536x354.jpg</a>

      image

<img data-sizes="auto" class="content-image-below lazyautosizes lazyloaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="No alt text available for image" title="No alt text available for image" data-srcset="/magnoliaAuthor/.imaging/mte/travel-demo-theme/480/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 480w,
/magnoliaAuthor/.imaging/mte/travel-demo-theme/960/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 960w,
/magnoliaAuthor/.imaging/mte/travel-demo-theme/1366/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1366w,
/magnoliaAuthor/.imaging/mte/travel-demo-theme/1600/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1600w," sizes="940px" srcset="/magnoliaAuthor/.imaging/mte/travel-demo-theme/480/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 480w,
/magnoliaAuthor/.imaging/mte/travel-demo-theme/960/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 960w,
/magnoliaAuthor/.imaging/mte/travel-demo-theme/1366/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1366w,
/magnoliaAuthor/.imaging/mte/travel-demo-theme/1600/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1600w,">

If you see source code in public

            *richtextcode image (this image doens`t work)*

<img alt="" src="/magnoliaAuthor/dam/jcr:be6a8109-dea0-40b9-ae5f-ec7a93dc083f/237-536x354.jpg" style="height:354px; width:536px">

      richtextcode link
<a href="/magnoliaPublic/dam/jcr:be6a8109-dea0-40b9-ae5f-ec7a93dc083f/237-536x354.jpg">237-536x354.jpg</a>

      image
<img data-sizes="auto" class="content-image-below lazyautosizes lazyloaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="No alt text available for image" title="No alt text available for image" data-srcset="/magnoliaPublic/.imaging/mte/travel-demo-theme/480/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 480w,
/magnoliaPublic/.imaging/mte/travel-demo-theme/960/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 960w,
/magnoliaPublic/.imaging/mte/travel-demo-theme/1366/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1366w,
/magnoliaPublic/.imaging/mte/travel-demo-theme/1600/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1600w," sizes="940px" srcset="/magnoliaPublic/.imaging/mte/travel-demo-theme/480/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 480w,
/magnoliaPublic/.imaging/mte/travel-demo-theme/960/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 960w,
/magnoliaPublic/.imaging/mte/travel-demo-theme/1366/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1366w,
/magnoliaPublic/.imaging/mte/travel-demo-theme/1600/dam/travel-demo/237-536x354.jpg/jcr:content/237-536x354.jpg 1600w,">

Expected results

• Published image working

Actual results

• Cannot access to image after publishing

Workaround

• No

Development notes

• Notes to developers:
  • The inserted image appeared as an absolute path to author instance with its context path. This failed to access from public instance due to security of author instance.