I've noticed that websites made in google drive (shared public folder)
can't use svg as image.
Is it a security restriction ?
so this code don't show the image
<!DOCTYPE html>
<html>
<head>
<title>SVG as image</title>
</head>
<body>
<img src="the_image.svg">
</body>
</html>
online example
https://www.googledrive.com/host/0BwRlR3z6e0egbXM3clR1ZEFaM00/svg_as_image.html
Google is returning the file as MIME type "text/xml" rather than the "image/svg+xml" it should be. You could try requesting Google fix that.
In the meantime, try using an object instead.
<object data="the_image.svg" type="image/svg+xml" />
You might have more luck.
Thanks a lot !
it helped me
the mimetype of the svg file saved with janvas (janvas.com) whose "text/xml"
this example use a svg file saved on google drive with the right mymetype "image/svg+xml"
works !
https://www.googledrive.com/host/0BwRlR3z6e0egbXM3clR1ZEFaM00/svg_as_image_right_mimetype.html
You can insert svg images on sites.google using the "insert code" tool to insert the svg code. When you there, just open your svg in a text editor, copy the entire svg code and paste it on your insert code as I show in this images.
site google svg
site google svg2
Related
My page: https://bbqbailey.pythonanywhere.com/ is not showing correctly - image is missing.
I see the picture if I do this from a computer that is logged into pythonanywhere.
I do not see it on any other computer!
So I'm expecting that some sort of permissions problem is going on, but the "ls -al" in console shows everything with 644 permission.
The text is displayed correctly, as is the 'alt' info, but the actual image isn't shown.
I put the image at: /home/mysite/learningFlask/SarahJustinEngaged.jpg, and I can see it as stated above from a computer logged into pythonanywhere, but no other computers can see it if not logged in.
I don't see anything from any computer if I use the "
What am I missing????? Help! We're wanting to show this to family and friends now!!!
Here is my code
<!DOCTYPE html>
<html>
<body>
<h1>Sarah and Justin are Engaged!</h1>
<img src="https://www.pythonanywhere.com/user/bbqbailey/files/home/bbqbailey/mysite/learningFlask/SarahJustinEngaged.jpg" alt="Sarah and Justin are Engaged!" width="567" height="500">
</body>
</html>
actually Django support consept of static file so create a folder name static inside your project folder store all image on that
{%load static%} <!DOCTYPE html> <html> <body> <h1>Sarah and Justin are Engaged!</h1> <img src="{% static 'SarahJustinEngaged.jpg' %}" alt="Sarah and Justin are Engaged!" width="567" height="500"> </body> </html>
I am a newbie and just want to go from route->view for one image.
The image name is Frozen_Ophelia_800x.png
Here is my route:
Route::get('/products', function(){
return view('/pages/product');
});
Here is my product.blade.php
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1> <img src="public/images/product/Frozen_Ophelia_800x.png"></img></h1>
</body>
</html>
However, when I access either http://localhost:8000/products or http://127.0.0.1:8000/products I just get a tiny little icon in the top left:
I used command line to move the image to that folder from my Desktop in Ubuntu 18.04.
Here is what my project structure looks like with said image displayed:
You can access images form public folder.
(1) pass path with APP_URL
<img src="http://127.0.0.1:8000/images/product/Frozen_Ophelia_800x.png">
(2) pass path without APP_URL
<img src="/images/product/Frozen_Ophelia_800x.png">
Most likely it's an issue with the image URL being determined relative to the current page, so it would be trying to fetch:
http://localhost:8080/products/public/images/product/Frozen_Ophelia_800x.png
You can confirm that by looking at the developer console in the browser, then the network traffic.
If so, you can rewrite the img tag as:
<img src="/public/images/product/Frozen_Ophelia_800x.png">
Adding the / to the start makes the browser look for the image starting at the site root, so:
http://localhost:8080/public/images/product/Frozen_Ophelia_800x.png
Is it possible to run ckeditor on an IFrame so that can encapsulate a full html page? I have tried various methods but nothing seems to work.
What I am looking for is to have a ckeditor wrapper page say Editor.htm which contains an editable IFrame linked to my real html page say test.htm. Something line:
Editor.htm
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.ckeditor.com/4.5.10/standard-all/ckeditor.js"></script>
</head>
<body>
<iframe contenteditable="true" src="test.htm" id="editor1" name="editor1"></iframe>
</body>
</html>
You can set ckeditor to use "fullPage" mode, allowing you to edit everything from the opening tag to the closing tag. See the official sample here.
You will still need to get the content into the editor (e.g. the html page you want to edit) and save the result on the server, but this is something specific to your site, language, platform etc.
I'm making custom file adaptor using adaptor library.
In my adaptor getDocContent(), I retrieve file from URL, and set the content to the Response's OutputStream like sharepoint connector do.
So, I thought "Where is the file's title property I have to set? This is just a content."
As I was thinking, the file does not hit by it's title on the GSA search API. Also by File Extension Filter.
When developing a connector for Google Search Appliance using the Adaptor Framework, you have a few options on how to display metadata. You can send metadata via HTTP headers, but this lacks somehow. For example, when your metadata is too long, it will get truncated (because of it's size).
Since some time we use Handlebars for templating in GSA connectors. You pass your retrieved object to Handlebars, after which you can compose an HTML document such as following:
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="{{object.description}}"/>
<meta name="filetype" content="{{object.filetype}}"/>
<title>{{object.title}}</title>
</head>
<body>
<h1>{{object.title}}</title>
<p>{{object.description}}</p>
<p>{{object.someMoreContent}}</p>
</body>
</html>
So when you getDocContent method is invoked (usually, when GSA crawls you connector), it will crawl the page you design with HTML and HandleBars. Very straightforward and easy to maintain!
i'm trying to create dynamic PDF's using ABCPdf and i'm having no success. I copied their sample code and tried it and i receive an error:
Unable to render HTML. No MSHTML document is available.
I'm trying to figure out how to use the Gecko engine to reder the page instead of IE and can't find how. Any help is greatly appreciated... thanks all!!!
damien
Please see https://stackoverflow.com/a/11504285/1411950. This example uses the 1 rectangle for html->pdf output on each page. The rectangle is filled with raw html / html from url. It also can use Gecko engine.
If you want to make dynamic pdf, you should use raw html for its content. Note, that it should be wrapped into something like
const String HtmlWrapper = #"<!DOCTYPE html>
<html>
<head profile='http://www.w3.org/2005/10/profile'><title></title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<style type='text/css'>
</style>
</head>
<body>
{0}
</body>
</html>";
where all css goes in script tags in the header or is referenced to