I need to embed an external image in a web page using markdown syntax, but the image's url is not a real image file (eg. jpg/png): it's an api with some get variables in it and the following example I've tried does not work.
If I put that url within the src attribute of an <img> tag it works.
Any clue?
Related
I want to use https://quickchart.io/ API to generate chart images and I want to insert them into a Laravel PDF report created with barryvdh/laravel-dompdf. I am creating the URL for the quickchart.io API and it works correctly, if I put it in the browser's address bar the image of the chart is returned just fine. But I can't insert it into the PDF report because I get this error: "Image not found or type unknown". And that is quite understandable because the URL doesn't simply contain an image name like "my-image.png". I am trying to use this markup in the PDF view: <img src="{{ $ga_UsersCpcChartUrl }}" alt="google analytics chart">. I already set the line: "enable_remote" => true inside the dompdf config file. What shall I do to fix this?
One simple way to work around this is to add a URL parameter to the end of the QuickChart URL that identifies it as an image.
<img src="{{ $ga_UsersCpcChartUrl }}&f=.png"
This will help programs that rely on file extension.
If that doesn't work, I'd probably have to see your $ga_UsersCpcChartUrl to help debug further.
https://developers.google.com/maps/documentation/static-maps/intro#quick_example
Notice that you don't need to do anything "special" to get this image
to show up on the page. No JavaScript is required. All we needed to do
was create a URL, and place it within an tag. You can place a
Google Google Static Maps API anywhere on your webpage where you can
place an image.
How do I place the URL within an tag?
See this example running from
Quick example
Here In this example I have not used any key but you have to use key as given in documentation to avoid any errors
<img width="600" src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Clabel:C%7C40.718217,-73.998284">
While creating and learning bootstrap page. I came across the content attribute of css I read few articles and I got how it works. But following code snippet shows me an image icon but the content attribute value really isn't the image url but a code. I'm not clear as how we can show the image without the url and where is the image coming from?
.test.glass i:before {
content: "\e001";
}
Following is the html element to show an image icon using above css:
<span class="test glass"><i></i></span>
But what is "\e001" is that an image code or something else?
they are utf8 codes. there are plenty of sites describing the glyphs for different standard fonts but you can also define your own font set with whatever images you choose as whatever character.
if you use a webfont, from fontello for example but are plenty of sites like that one, you can define what image to use as character \e0001 and whenever you want to use that image, you must make sure you use that font-face for the element and use the utf8 code to display the image. in html it would be someting like <span class="iconfont"></span>. if you add the image with css then is like in your example.
I want to put a image into a post, but it seems I just cannot get it work.
For example, this one:
http://stockcharts.com/c-sc/sc?s=ACHN&p=D&b=5&g=0&i=t88400486500&r=9913
The output is a PNG file. So in HTML tab, i put,
< img src="http://stockcharts.com/c-sc/sc?s=ACHN&p=D&b=5&g=0&i=t88400486500&r=9913">,(I leave a empty space between the < and image otherwise, stackoverflow won't allow me to put a image tag here) it just won't show up the correct image. The image you will see is "go to stockcharts.com to view this chart", that is because the URL is wrong. If the URL is correct, the image will display fine. Any way to work around?
I was trying to play around with the formatting.php file, but so far, no luck.
(It is quite strange though, if you put the URL into your IE URL bar, and press enter, it shows up fine with a chart.)
Thanks.
Your URL is a web page, NOT an image. When you try to insert the link as an image, the html IMG tag is used to specify the FILE NAME to be inserted. The file can be on a different url but it should not refer to just another uri.
to get around it, you have 4 options:
Specify the image file name directly and not the uri with the img tag.
Use iframe and put the uri
use frame (I'd not go for this)
Use Ajax and fill it in a DIV tag - most effective in my opinion.
Is there anyway to find the file path of images being showed to user in web page , or anyway to find them ?
I want source code/programming .
Just use the src attribute of the image tag in question if its in the html. Otherwise you have to check the computed css for the text url in the background and background-image rules.