Embed Code

[ii_kaybee_ii]

I have embeded some html code in my website. which has css and js applied on it in the code editor. how do i allow drag and drop. making it possible to apply css and js to any elements i like?

I mean to say how to embed the {area-name:content} thing [Weebly Docs] into custom html?

OR SIMPLY

I want to embed an HTML code in my website with a <div class>

css and js will be applied on it in the code editor.

just that instead of me coding the text and images, i want to drag and drop it. is this possible? how?

[Adam7]

You have to add that tag to a page template while editing a theme - it wouldn't be possible to add that using the Embed Code element.

You could add JS and CSS to your theme while editing it, then add <div class=""></div> to an Embed Code element. You might not see the JS and CSS applied in the editor, though it'll work on the live site if you have everything coded properly.

[markskarratts]

The issue with that, though, Adam is I have no confidence in adding code in case it is completely broken when you Publish. I use animated GIF screen recordings on my site, which look sub-standard and take longer to load. Furthermore, without an undo function it's very easy to completely break a page to the point you have to bin it and start again.

[ii_kaybee_ii · Accepted solution]

Hey I solved this by first dragging and droping content in the sections then going to the domain on Google Chrome.

Further, I right clicked on the section I wanted to add some extra HTML code to. Click Inspect. A sidebar appears with all the HTML code. Copy. Drag Embed Code on site editor to a new section. Paste.

Now delete the previous section.

There you go. Now you have a duplicate section with all the content you desire without coding.