Improve Embed Feature.
See original GitHub issueCurrently the embed feature is basic, it just embeds under some default settings. Would like something as follows:
- Click Embed
- Dialog Opens
- Dialog has following options
- iFrame Size
- Color Theme
- Optional Project Title Display
- Landing Circuit Tab (Circuit that is displayed be default)
- Some Styling options like border etc
- Optionally Disable stuff like Clock Enable/Clock Time Interval/Zoom/FullScreen options
- Some more stuff like this
Referencing https://github.com/CircuitVerse/CircuitVerse/issues/1555
Current Sample iFrame Code
<iframe width="600px" height="400px"
src="https://circuitverse.org/simulator/embed/sap-1-computer-5a0acd53-6e0c-434d-b19d-4073d9a6dc58"
id="projectPreview" scrolling="no"
webkitAllowFullScreen mozAllowFullScreen allowFullScreen></iframe>
I think we can encode the options like this
https://circuitverse.org/simulator/embed/<project id>?color-theme="default"&landing-circuit-id="21323"&display-title="true"
@danielluehr would like your inputs here. @sal2701 @Shivansh2407 @nitin10s
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (7 by maintainers)
Top Results From Across the Web
Best practices for using third-party embeds - web.dev
This article discusses performance best practices that you can use when loading third-party embeds, efficient loading techniques and the ...
Read more >Best Practices on Embedding Third-Party Web Widgets
Third-party web widgets (also known as web embeds) are the most straightforward feature integration across web apps.
Read more >The Ultimate Guide to Embedding Content on Your Website
Find out how to embed content onto your website from Twitter, Facebook, Instagram, Pinterest, Google, YouTube, and SlideShare.
Read more >14 Fun Things To Embed in Your WordPress Website Today
Embed almost anything in your website with these interesting tools and fun plugins. Inject levity, increase engagement, offer entertainment, ...
Read more >From object to iframe — other embedding technologies
Select the Share or embed map option. Select the Embed map option, which will give you some <iframe> code — copy this. Insert...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Go ahead, I am working on #1892 currently.
@vedant-jain03 You can work on this issue. Currently. I am not working on this issue.