Jump to content
  • [Beta 8] TipTop editor Iframe PDF file link does not display and width will not extend properly


    Issue 1

    When I try to iframe a PDF file link in the Tiptop editor eg. https://My-Site.com/uploads/pdf_files/radio.pdf, and save the post. The PDF iframe doesn't display. Safari shows a blank page and Chrome shows the error in the photo below. image.thumb.png.72578780293c6010a8dc88d113967acb.png

     

    If I edit the post, the PDF iframe will shows in the editor, as shown in the photo below. However, when I save the post, the PDF page goes back to blank.image.thumb.png.d6956db9e810b1425606d2013f49e678.png

     

    The issue is caused by the iframe "Sandbox" attribute and values, that the Tiptop editor writes to the iframe code in the Mysql database. I tried adding all the different iframe Sandbox attribute values direct via the database and none of them would make the PDF show up in the post.

    The only solution I found was to remove the Sandbox attribute and its values, then the PDF will show in the post.

    This is the iframe code that gets saved to the database by the Tiptop editor.  

    <p>Test PDF</p><p></p><div class="ipsEmbeddedOther" data-og-user_text="Test"><iframe src="<___base_url___>/uploads/pdf_files/radio.pdf" width="550" height="686" class="ipsRawIframe" data-og-user_text="Test" sandbox="allow-scripts" style="width: 550px;height: 686px;" loading="lazy"></iframe></div>

     

    When I remove the Sandbox attribute and its values from the iframe code in the database, the PDF shows in the post. The code below will make the PDF file link display in the post.

    <p>Test PDF</p><p></p><div class="ipsEmbeddedOther" data-og-user_text="Test"><iframe src="<___base_url___>/uploads/pdf_files/radio.pdf" width="550" height="686" class="ipsRawIframe" data-og-user_text="Test"  style="width: 550px;height: 686px;" loading="lazy"></iframe></div>

    The iframe Sandbox attribute and its values are also causing other issues. Example, preventing some iframe page from loading "I submitted that issue in a previous bug report".  

    The iframe embedding feature is an admin only option and not used by members. Can you prevent the Tiptop editor from including the Sandbox attribute and its value restrictions to iframe data?

     

    Issue 2

    When I try to iframe a PDF file link in the Tiptop editor eg. https://My-Site.com/uploads/pdf_files/radio.pdf. I cannot extend the iframe width size, no matter the "Maximum embedded content width" setting in the ACP.

     

    This is the widest an iframe PDF link will extend and display.image.thumb.png.5ca7176b60b861d7f88e3ccdfd79f844.png

     

     


    User Feedback

    Recommended Comments

    Marc

    Posted

    Have you allowed the iFrame within System->Settings->Posting & Editor?

    beats23

    Posted

    3 hours ago, Marc said:

    Have you allowed the iFrame within System->Settings->Posting & Editor?

    Yes it’s allowed. 

    Marc

    Posted

    Please ensure your access is up to date and provide a link to a post with the item on so I can take a look for you

    beats23

    Posted

    This install is not online, I'm testing from local host.


×
×
  • Create New...