Monitor Reply

Support

Quotes in Insta post description break the HTML layout.

Permalink Browser Info Environment August 07, 2021 at 7:56 AM

To reproduce add upper quotes " to the description of an Insta post, which will result in breaking the HTML layout, where they are placed in the image title without html encoding.

1 Attachment

Type:	Ticket
Status:	In Progress

staublicht replied on Aug 8, 2021 at 7:02 pm Permalink Reply

I fixed it in my project by escaping html special characters for the image caption in the title text, in the JS for the Fancybox.

This is where the string that can break the layout is created, and how I fixed it. Could maybe be done better with Jquery:

Added this function:

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '<',
    '>': '>',
    '"': '"',
    "'": '''
  };

used it here:

i.caption ? (l = escapeHtml(i.caption),

InstaFolio - Instagram For Concrete 5

Support

Quotes in Insta post description break the HTML layout.

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post