Instagram embeds render HTML in caption - embed

It seems today the captions on instagram embeds have started to output HTML instead of the rendered text.
See here: https://www.qthotelsandresorts.com/melbourne/qt-blog/viktor-rolf-fashion-artists/
I noticed this also happens on Instagram's own website
https://www.instagram.com/developer/embedding/
Is there anything wrong with Instagrams code at the moment?

Looks like a temporary issue with html entities being encoded, it's fixed now.

Related

Blogger post thumbnail not working in home

My blog
Recently i am getting no thumbnail in some of my blogger post which is shown in the home menu. I am using custom template. But i don't think the template has issues. Because i tried with some other custom templates. But the thing is its showing thumbnail correctly in stock template like flipcard, sidebar. Also it is showing correctly in mobile view. Even if i delete and repost the same post this problem occurs.
But if i try some random name for my post like "asdasdsawfe" the thumbnail sometimes works. Can anyone tell me what i am doing wrong.
Never mind just figured it out. My template didn't support special character. So the character (') was the reason for it.

Use the first amp-img on the page for facebook share

I have a blogger website that I have recently migrated to amp-html.
I am having problems with the usage of amp-img tag. Firstly blogger does not recognize the First amp-img as the first image of the post and fails to make the default thumbnail out of it.
Also when sharing a page on facebook using amp-share, the selected image is invariably the fallback image, that I have tagged with og:image property.
The image resolution is more than the minimum mandated by facebook.
I have seen this arrangement working fine on other websites. Can someone please have a quick look here: Pratyush.info
A few days after posting this question I discovered that adding a noscript makes the image identifiable by blogger and can be used with data tags. So till google adds some inbuilt support for amp tags, may be this could be what someone is looking for.
<noscript><img alt="www.pratyush.info" height="382" src="https://lh3.googleusercontent.com/--vp_bO1ozGI/WPegTDKQJDI/AAAAAAAADnQ/FXdCyVKJkTwEj09XneY7csB2Vwd_zVQrQCLcB/milk-protein-intolerance-baby-cow-2160x1200.jpg" title="www.pratyush.info" width="680"></noscript>
DEMO
I think your problem is that your meta tag is incorrect, in the link you post is
<meta content='https://1.bp.blogspot.com/-agH78RbEntg/WMFULOdxPMI/AAAAAAAADUI/0zId8itGNnA8GawUbVZqeewxq1DzGumyACLcB/s1600/pratyush.info-default-news.jp' property='og:image'/>
Although the url is an image, the extension is not valid, try to change the name of the image to a valid image extension, like png or jpg
The data layout tag data:post.firstImageUrl include in the <head> tag will always return empty because the the post namespace is only defined within the the statement <b:loop values='data:posts' var='post'> which is present inside the Blog widget
Instead, you will have to use the data layout tag data:blog.postImageUrl in the og:image tag to get a high-resolution image. The code will be like -
<meta expr:content='data:blog.postImageUrl' property='og:image'/>

Display raw html in tinymce that is wrapped in code/pre, not rendered

I am using tinymce as my wysiwyg editor in laravel app.
Everytime i create an article that contains code such as html meta tag or title etc wrapped in code/pre. Once i reload the page to edit, it disappears. If i set the encode raw then it does not disappear in backend but displays all raw html in front end. I want to display only raw html in frontend that is wrapped in code/pre. I dont know how many days i need more to solve it? All i want is to display html code in my blog, raw html code that is wrapped in code/pre, not rendered! This is my thread in stackoverflow. Please help.
code snippet disappears only plain text remains in tinymce
I will delete the previous thread once i solve it, sorry to post similar question.

QWebView shows raw html in some cases

I'm using the following code.
QWebView *lpView = new QWebView(*%parent_widget%*);
lpView->load(QUrl(*%path_to_html%*));
With some pages it works just fine and shows the rendered page. And on others it shows raw html.
I suspect that the issue is the content of html page but I can't pinpoint what exactly breaks the rendering in QWebView.
The problem was with encoding. Pages that didn't load were in UTF-8 with BOM and QWebViewer expected plain UTF-8.

How do I stop images or flash from loading into the browser?

I am creating a web page that accepts a hyperlink from the user and displays that page in an iframe. While rendering the page, I would like to show just the text and simple colors, thats it.
I would like to block all the media files like images and flash scripts from showing up.
If not an extensive one, for the starters, I would like to confine the scope to .gif, .jpeg, .jpg, .png, .swf.
Or does anyone know of a site with similar functionality?
You can write a simple dom parser and parse the page before show it in iframe. Then before showing it you can remove whatever you want.
your iframe whould like
<iframe src="your_parser.php"></iframe>
In your parser you can get the content from page using file_get_contents() or curl() it is your choise (i would use curl). Then you can remove the media you want.
If you're using Firefox, use the Adblock Plus extension. You can specify the types of items to block via a filter rule. An example (using Safaribooks) looks like this:
||techbus.safaribooksonline.com/static/201109-2191-techbus/images/6.0/*.jpg
However, if you're talking about incorporating functionality into your page to strip out a specific list of content-types, this approach wouldn't help you. You'd need to pull the html source and strip out the offending content-types.
also if you are using cms. you should be turn off bbcode image, and embed html