Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-6412

Insert images option in RichText field does not work after published

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Duplicate
    • Icon: Neutral Neutral
    • None
    • None
    • None
    • None

      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.

        Acceptance criteria

              Unassigned Unassigned
              viet.nguyen Viet Nguyen
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: