Problem with number of characters in Head and Body

Printable View

13 February 2024, 09:17 AM
rhdpre07

Problem with number of characters in Head and Body

Problem with number of characters in Head and Body

Basically I need a lot more...

do you have any solution?
13 February 2024, 09:32 AM
Acorn

Re: Problem with number of characters in Head and Body

As you talking about the limit for adding content to Placeholders or Website/Page > Head or > Body for code and styling?

If so, yes I have a solution.

Acorn
13 February 2024, 09:53 AM
rhdpre07

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Acorn

As you talking about the limit for adding content to Placeholders or Website/Page > Head or > Body for code and styling?

If so, yes I have a solution.

Acorn

Thanks Arcon,

Yes...in Placeholders

I try to paste code and it stays halfway...it doesn't paste everything

(in the end, I try to add 1 letter and it doesn't let...
13 February 2024, 03:24 PM
Acorn

Re: Problem with number of characters in Head and Body
This will be a sort of a masterclass.
It is on how to handle external assets.

First off, it is best to start with a saved design file.
If you don't, the location of the external assets will be different until you make your first Save.

Xara sort of describes what is happening here: https://helpandsupport.xara.com/xara...ion_files.html [Ref#1]
It does not really cover what I shall be describing as my approach is a development of this feature for any file type.

For it to make sense, I am going to start with putting images into Xara as external assets.
Images are more tangible and when you get them working, you can advance onto JS & CSS embeds.
This alone is very powerful if you have large images and want to keep their filename.

THE METHOD
Selection
1. Add a small box to your design. It doesn't matter where.
2. Pick Web Properties > Placeholder > Placeholder > Replace with graphic file. In your mind replace 'graphic' with 'any'.
  1. Click the Browse button and change the Open dialog > File type from Image to All Files (*.*) to the right of the File name box.
  2. Navigate and pick one of your saved JPEG or PNG images.
  3. Click the Open button.
  4. Press the Apply button.
3. Repeat (2.) for a small number of images.
4. Delete the original box.
5. Open the folder where your design is saved.
  1. Locate the folder starting with the same filename as described in Ref#1.
  2. Open the folder and check all your images are there.
Linking to External Image Assets
1. Note the filename of one of your images, say, <filename.jpg>.
2. Create a Placeholder with the same relative dimensions.
  1. In the Placeholder Body, add <img src='index_htm_files/<filename.jpg>' width=100% height=100% />.
3. Preview the design and check the image is rendered.
4. Repeat (2.) for any number or repeats of the external image assets.
JavaScript Embeds
1. Same Selection approach.
2. Linkage into Website/Page/Placeholder > Body: <script src='index_html_files/<scriptname.js>'></script>.
3. In the <scriptname.js> file itself, you need to remove any <script> & </script> Tags.
</script>
CSS Embeds
1. Same Selection approach.
2. Linkage into Website/Page/Placeholder > Head: <link rel="stylesheet" href='index_html_files/<stylename.css>'/>. This usually is fine but instead you can try the Body.
3. In the <stylename.css> file itself, you need to remove any <style> & </style> Tags.
The powerful thing is you can alter these external assets contents without having to re-Publish the entire site.

I do expect questions on this.

Acorn
13 February 2024, 04:46 PM
rhdpre07

Re: Problem with number of characters in Head and Body
Quote:
Originally Posted by Acorn

This will be a sort of a masterclass.
It is on how to handle external assets.

First off, it is best to start with a saved design file.
If you don't, the location of the external assets will be different until you make your first Save.

Xara sort of describes what is happening here: file:///I:/XPro+/help-html/help-html/xara_desktop/product_support/web_features/embedding_movie_audio_animation_files.html [Ref#1]
It does not really cover what I shall be describing as my approach is a development of this feature for any file type.

For it to make sense, I am going to start with putting images into Xara as external assets.
Images are more tangible and when you get them working, you can advance onto JS & CSS embeds.
This alone is very powerful if you have large images and want to keep their filename.

THE METHOD
Selection

Add a small box to your design. It doesn't matter where.
Pick Web Properties > Placeholder > Placeholder > Replace with graphic file. In your mind replace 'graphic' with 'any'.

Click the Browse button and change the Open dialog > File type from Image to All Files (*.*) to the right of the File name box.
Navigate and pick one of your saved JPEG or PNG images.
Click the Open button.
Press the Apply button.

Repeat (2.) for a small number of images.
Delete the original box.
Open the folder where your design is saved.

Locate the folder starting with the same filename as described in Ref#1.
Open the folder and check all your images are there.

Linking to External Image Assets

Note the filename of one of your images, say, <filename.jpg>.
Create a Placeholder with the same relative dimensions.

In the Placeholder Body, add <img src='index_htm_files/<filename.jpg>' width=100% height=100% />.

Preview the design and check the image is rendered.
Repeat (2.) for any number or repeats of the external image assets.

JavaScript Embeds

Same Selection approach.
Linkage into Website/Page/Placeholder > Body: <script src='index_html_files/<scriptname.js>'></script>.
In the <scriptname.js> file itself, you need to remove any <script> & </script> Tags.

</script>
CSS Embeds

Same Selection approach.
Linkage into Website/Page/Placeholder > Head: <link rel="stylesheet" href='index_html_files/<stylename.css>'/>. This usually is fine but instead you can try the Body.
In the <stylename.css> file itself, you need to remove any <style> & </style> Tags.

The powerful thing is you can alter these external assets contents without having to re-Publish the entire site.

I do expect questions on this.

Acorn
Google traslation

Hello:

Thank you so much for your answer.

I don't understand this ( ///I:/XPro+/help-html/help-html/xara_desktop/product_support/web_features/embedding_movie_audio_animation_files.html) : is it a url where I can see an example?

[ is this? : https://helpandsupport.xara.com/xara...ion_files.html ]

Although I haven't tried it yet, I understand the logic of what you propose...

But if it is not an image, nor css, nor js.... how do I call html?

[<HTML src='index_htm_files/<filename.html>' width=100% height=100% />.]

I try to explain my problem to you.

Here I have the HTML (https://www.neoclick.es/1/1.html) that I would like to embed in a xara document. Either in a placeholder or in the Head and Body of the Page (web properties). But the code doesn't fit.....
13 February 2024, 05:21 PM
Acorn

Re: Problem with number of characters in Head and Body

Your link is correct, I forgot mine was a download.

If you are embedding an HTML page in yours, the Placeholder Body code is <iframe src='https://www neoclick.es/1/1.html' width=100% height=100%></iframe>.
Acorn
13 February 2024, 07:13 PM
Egg Bramhill

1 Attachment(s)

Re: Problem with number of characters in Head and Body

Tried it with a static svg and it works fine Acorn. In my experiment the svg code was 77,221 characters long and displayed perfectly using 'Replace with Graphic File'. Pasting the same code straight into a placeholder only loaded part of the svg as the code was cut off after 30,000 characters. Sweet solution. I usually use embed for svg's but having an alternative is great. Shame it won't do animated svg's.

just noticed a Xara 'bug' will get back later.
13 February 2024, 07:43 PM
Acorn

1 Attachment(s)

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Egg Bramhill

Tried it with a static svg and it works fine Acorn. In my experiment the svg code was 77,221 characters long and displayed perfectly using 'Replace with Graphic File'. Pasting the same code straight into a placeholder only loaded part of the svg as the code was cut off after 30,000 characters. Sweet solution. I usually use embed for svg's but having an alternative is great. Shame it won't do animated svg's.
just noticed a Xara 'bug' will get back later.

Egg, thank you for exercising my approach.

I have no problem with linking to an animated SVG.

Attachment 134559 is small but works.

Code:

<?xml version="1.0" encoding="utf-8"?><svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,0,0)" stroke="rgb(255,0,0)" stroke-width="0" d="M 124.53 122.52 C 127.21 122.02 130.01 122.17 132.56 123.1 C 135.28 124.08 138.48 126.72 140.3 128.54 C 141.72 129.97 141.59 131.34 143.17 132.84 C 145.42 134.99 149.85 138.38 153.77 139.72 C 157.77 141.09 161.74 139.61 166.96 140.87 C 173.91 142.56 186.38 147.4 192.19 150.62 C 196.19 152.83 198.74 155.01 200.5 157.21 C 201.88 158.93 202.36 160.16 202.8 162.37 C 203.38 165.32 204.32 169.78 202.8 173.84 C 200.84 179.08 194.41 187.56 189.32 190.76 C 184.98 193.49 181.08 194.29 174.99 193.62 C 166.12 192.66 152.31 185.71 140.01 180.44 C 126.45 174.62 103.94 164.38 97.01 159.79 C 93.81 157.68 93.31 157.27 92.13 154.92 C 90.63 151.91 89.15 145.91 89.84 142.31 C 90.47 139.05 92.5 135.86 95.29 133.99 C 98.44 131.88 105.62 131.07 108.47 131.12 C 110.16 131.15 110.82 132.69 111.92 132.27 C 113.34 131.72 114.03 128.11 115.93 126.54 C 118.08 124.76 121.67 123.06 124.53 122.52 Z" style="fill: rgb(166, 209, 48); stroke: rgb(129, 151, 57); stroke-width: 2px; transform-box: fill-box; transform-origin: 50% 50%;"> <animateTransform type="rotate" additive="sum" attributeName="transform" values="0;180" begin="0s" dur="2s" fill="freeze" repeatCount="indefinite" keyTimes="0; 1"/> </path> </svg>

Acorn
13 February 2024, 09:26 PM
Egg Bramhill

1 Attachment(s)

Re: Problem with number of characters in Head and Body

Yes I can get your blob.svg to work animated no problem.

Perhaps you could try with this one Acorn. I tried removing the <script> tags but it remained static.
13 February 2024, 09:45 PM
Egg Bramhill

1 Attachment(s)

Re: Problem with number of characters in Head and Body

Can you also look at this xar file and try adding an image or text and preview.

I find anything added is not shown in the preview unless it's sent to back.

UPDATE. I think it's caused by the code entered into the 'replace with html' being truncated and so not closing properly.
14 February 2024, 01:47 PM
rhdpre07

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Acorn

Your link is correct, I forgot mine was a download.

If you are embedding an HTML page in yours, the Placeholder Body code is <iframe src='https://www neoclick.es/1/1.html' width=100% height=100%></iframe>.
Acorn

Hello Arcon,
Again, thanks a million. It's funny to me for many things...

But Xara fails and I don't know why....

https://www.neoclick.es/1/index.htm

The links, which work in https://www.neoclick.es/1/1.html, do not work in index.htm.

You get on it and point to the correct url but if you click it gets blocked. With right click "open in another tab" it works fine

weird, no?
14 February 2024, 02:22 PM
Acorn

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by rhdpre07

Hello Arcon,
Again, thanks a million. It's funny to me for many things...

But Xara fails and I don't know why....

https://www.neoclick.es/1/index.htm

The links, which work in https://www.neoclick.es/1/1.html, do not work in index.htm.

You get on it and point to the correct url but if you click it gets blocked. With right click "open in another tab" it works fine

weird, no?

No, not weird. I rechecked the code I Posted and it has a space instead of a dot.
Try <iframe src='https://www.neoclick.es/1/1.html' width=100% height=100%></iframe>

Acorn
14 February 2024, 02:47 PM
rhdpre07

1 Attachment(s)

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Acorn

No, not weird. I rechecked the code I Posted and it has a space instead of a dot.
Try <iframe src='https://www.neoclick.es/1/1.html' width=100% height=100%></iframe>

Acorn

Are you referring to the point that was missing between the www and neoclick?

Yes, I had seen it (it drove me a little crazy to find the error...)

I have corrected it but the links do not work... (yes, right click open another tab

When you click, the page reloads, in black, and going down I find this:

Attachment 134562

Firefox can,t open....
14 February 2024, 03:13 PM
Acorn

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by rhdpre07

Are you referring to the point that was missing between the www and neoclick?
Yes, I had seen it (it drove me a little crazy to find the error...)
I have corrected it but the links do not work... (yes, right click open another tab

I misunderstood.

The 'más info' Links in the IFRAME are all part of a site built and 'Powered by WPBakery Page Builder - drag and drop page builder for WordPress'.
This WP could be using a plug-in to deny X-Frame-Options access by not allowing frame ancestors.

Quote:

Refused to display 'https://spacio4.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

If you have control of this site (https://spacio4.com/) then you can remove this constraint.
It may also be failing Captcha checks.

The embedded site is calling up a shedload of assets and hacking into all this is not appropriate for TG members.

Acorn
14 February 2024, 04:09 PM
rhdpre07

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Acorn

I misunderstood.

The 'más info' Links in the IFRAME are all part of a site built and 'Powered by WPBakery Page Builder - drag and drop page builder for WordPress'.
This WP could be using a plug-in to deny X-Frame-Options access by not allowing frame ancestors.

If you have control of this site (https://spacio4.com/) then you can remove this constraint.
It may also be failing Captcha checks.

The embedded site is calling up a shedload of assets and hacking into all this is not appropriate for TG members.

Acorn

Yes, he is my client.

Thanks again a million for the master class.

I will talk to the Client and the Hosting about him, and I will tell you....
16 February 2024, 03:31 PM
Acorn

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Egg Bramhill

Yes I can get your blob.svg to work animated no problem.
Perhaps you could try with this one Acorn. I tried removing the <script> tags but it remained static.

Egg, it is because your SVGator animations are using JavaScript embedded into the SVG itself and those calls are quite specific (and complex). What you would have to do is split out the content of the <script> to a new JS file and call that after the SVG is loaded as it is a very large file size so has to be an external asset. I have no guarantee it will work.

Try using Boxy SVG as the animations can be created visually and are far, far smaller.

Acorn
16 February 2024, 03:33 PM
Acorn

Re: Problem with number of characters in Head and Body

Quote:

Originally Posted by Egg Bramhill

Can you also look at this xar file and try adding an image or text and preview.
I find anything added is not shown in the preview unless it's sent to back.
UPDATE. I think it's caused by the code entered into the 'replace with html' being truncated and so not closing properly.

Egg, yes, your 'UPDATE' is exactly that.

Acorn