Embed HTML 10,000 characters

[WFHelp_FF (FF)]

Hi,

I am trying to embed some HTML code in to my webflow site. The maximum characters I can input is 10,000, this really isn’t ideal as my HTML code has around 15,000. Can the characters be increased?

[AlexManyeki (AlexM)]

@WFHelp_FF

Host your code in a service like dropbox then call it into your embed. see this similar discussion;

HTML Embed - SVG Code Too Long

Hi Everyone, I’m trying to create an interactive map using this resource: Interactive Map of North Carolina [Clickable Counties / Cities] The HTML code is around 70,000 characters because the map is SVG—it’s way too much for the HTML embed character limit. Any suggestions for how to do this?

[samliew (webflowexpert.com)]

Previously it was 5000, it was increased to 10000.

If you need more, it should be placed in another file.

Use a combination of these two to do that:

How to host text files on Github

Continuing the discussion from How to embed files hosted on Github: If your favourite plugin is not on Github, how do you upload and host CSS and JS files on Github? 1. Register an account on Github So you can update/manage your hosted files. 2. Go to https://gist.github.com 3. Paste filename including extension 4. Paste file contents [image] 5. Click “Create secret gist” 6. Click on “Raw” [image] 7. Follow instructions from How to embed files hosted on Github Note that you can only host …

How to embed files hosted on Github

1a. Get embeddable link from any github resource. Open file in a new tab Click on “Raw” [image] 1b. Change URL of raw file Change URL from raw.github.com or raw.githubusercontent.com to cdn.rawgit.com (VERY IMPORTANT OR SCRIPT WON’T WORK!!!) Copy changed URL Update: Rawgit replacement See also: How to host text files on Github Also, feel free to contact me for further code help and/or customization of third-party plugins]

[joeconsedine]

is this procedure the same if the html code (not js) is over 10k characters?

edit: looks like rawgit is being shut down. obvs an old post. lol.

[webdev (Jeff Selser)]

Any embed GT 10k chars will need to be handled with a remote hosted file. There are plenty of suggestions in the forums on where you can go for that. My current favorite recommendation is Digital Ocean Spaces. Easy to use, easy to set up.

I have AWS, Azure, Cloudflare, Digital Ocean, KeyCDN running at the moment. So pretty familiar with these options.

FAST is your friend.

[joeconsedine]

Thanks a bunch!

noob question: what does “FAST is your friend” mean?

[webdev (Jeff Selser)]

Using a CDN normally pushes content closer to the customer and serves files quickly. A slow loading script can bog down your site. Webflow sites are FAST. Add a script from a slow host and you can impact that dramatically.

[joeconsedine]

Thanks! Can you let me know what topics I should search for on the forum? I think I’ve got the file set up on s3 correctly but I’ve (link below) never referenced external html.

Thanks!

https://consedines3bucket.s3.us-east-2.amazonaws.com/circuitshtml.html

[webdev (Jeff Selser)]

FYI: You can take that URL and create an SVG file from it, which can be uploaded into assets and used as an image.

Here is a link to an asset you can download and use.

https://uploads-ssl.webflow.com/5d1699366ad3cbfb881d8017/5d1699478eb894173c26fb6d_circuit.svg

[Marisa_Ang]

Hi, I was trying to use your method but it is saying the rawgit is no longer available and will be shutting down. Do you know of another method?

Marisa

[samliew (webflowexpert.com)]

You can try http://yourjavascript.com for JavaScript file uploads.

If the script you are using already has a project repository on Github or NPM, you can also use https://www.jsdelivr.com to find the script name and get direct links to the script files. You can also try other solutions mentioned here How to host your own JavaScript scripts files (other than Jquery) on a fast & free CDN like google?.

Alternatively, if you have free or paid web hosting elsewhere, simply host your file there.

[sphism]

This limit is really silly and prevents you from embedding complex svg code in the site. Referencing it from a file doesn’t allow you to do the same things.

[domchocolate (Dominic Rutterford)]

What code does one use to call the remote file to the page? I’m trying to pull in HTML.

[webdev (Jeff Selser)]

@domchocolate

I’m trying to pull in HTML.

@domchocolate
Loading assets by URL is for CSS and JavaScript, not HTML. For external content you would need to use XHR, Fetch, Ajax, or Axios and custom code. jQuery load() is commonly used on Webflow sites since the library is already present and it is very easy to use.