Blog Staff
This block is part of Greenshift Smart Code AI plugin. It’s made to control Iframe embedding directly in editor. You can see preview of iframe and control it’s size in editor.
There is also auto embed generation for StreamLit service. You just need to copy URL of page where you have your streamlit app and plugin will generate embedding.
You can download plugin here
<!-- wp:paragraph -->
<p>This block is part of Greenshift Smart Code AI plugin. It's made to control Iframe embedding directly in editor. You can see preview of iframe and control it's size in editor.</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/infobox {"id":"gsbp-1e096a9d-d7bd"} -->
<div id="gspb_infoBox-id-gsbp-1e096a9d-d7bd" class="gspb_infoBox gspb_infoBox-id-gsbp-1e096a9d-d7bd wp-block-greenshift-blocks-infobox"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text"><!-- wp:paragraph -->
<p>There is also auto embed generation for <a href="https://streamlit.io/" target="_blank" rel="noreferrer noopener">StreamLit</a> service. You just need to copy URL of page where you have your streamlit app and plugin will generate embedding. </p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->
<!-- wp:greenshift-blocks/video {"id":"gsbp-62e300d1-96ed","src":"https://youtu.be/L3i3xCbr-YI","provider":"youtube","poster":"https://i.ytimg.com/vi/L3i3xCbr-YI/maxresdefault.jpg","isOverlay":true,"overlayIcon":true,"postDate":"2023-08-22T12:57:04"} -->
<div class="wp-block-greenshift-blocks-video gs-video youtube gspb_video-id-gsbp-62e300d1-96ed" id="gs-video-gsbp-62e300d1-96ed"><div class="gs-video-wrapper" itemscope><iframe class="gs-video-element" data-src="https://youtu.be/L3i3xCbr-YI" data-provider="youtube" data-autoplay="true" data-playsinline="false" data-controls="true" data-loop="false" data-mute="false" data-overlay="true" data-lightbox="false" data-modestbranding="false" data-suggested="true" frameborder="0" allowfullscreen></iframe><div class="gs-video-overlay" style="background-image:url(https://i.ytimg.com/vi/L3i3xCbr-YI/maxresdefault.jpg)" data-type="youtube" data-lightbox="false"><div class="gs-play-icon" style="background-color:#cc0000"><div style="content:"";display:block;position:absolute;border-radius:50%;border:1px solid #cc0000;left:-20px;right:-20px;bottom:-20px;top:-20px;animation:pulsevideobutton 1.5s linear infinite;opacity:0"></div><span></span><div style="content:"";display:block;position:absolute;border-radius:50%;border:1px solid #cc0000;left:-20px;right:-20px;bottom:-20px;top:-20px;animation:pulsevideobutton 1.5s linear infinite;opacity:0;animation-delay:0.5s"></div></div><div class="gs-overlay-color" style="background-color:#9b51e0;background-image:;opacity:0.5"></div></div></div></div>
<!-- /wp:greenshift-blocks/video -->
<!-- wp:paragraph -->
<p>You can download plugin <a href="https://greenshiftwp.com/smart-code-ai/" data-type="post" data-id="3393">here</a></p>
<!-- /wp:paragraph -->