Make EXTERNAL assets LOCAL
Create a snippet and insert the following code into the snippet text box:
You can see that the content in the NOF design view takes some time to appear because it has to load the external assets from the PA-Soft website.Code:<html> <head> <meta content="text/html; charset=us-ascii" http-equiv="Content-type"> <base href="https://www.pa-soft.com/"> <title></title> </head> <body> <!--StartFragment--> <div class="ptext" style="WHITE-SPACE: normal; WORD-SPACING: 0px; TEXT-TRANSFORM: none; COLOR: rgb(51,51,51); FONT: 13px/20px Verdana, Geneva, sans-serif; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; -webkit-text-stroke-width: 0px"> <span style="BACKGROUND-COLOR: rgb(255,0,0); COLOR: rgb(255,255,255)">*NEW<span class="Apple-converted-space">*</span></span>*Instantly create<span class="Apple-converted-space">*</span><span style="BACKGROUND-COLOR: rgb(255,215,56)">*<strong style="FONT-WEIGHT: bold">Video Clips*</strong></span>*in<span class="Apple-converted-space">*</span><strong style="FONT-WEIGHT: bold">ClipSmartPro</strong><span class="Apple-converted-space">*</span>from Youtube! Then<span class="Apple-converted-space">*</span><span style="COLOR: rgb(255,0,0)">store</span><span class="Apple-converted-space">*</span>them in your personal collection and<span class="Apple-converted-space">*</span><span style="COLOR: rgb(255,0,0)">watch</span><span class="Apple-converted-space">*</span>them whenever you want! </div> <div class="pobj obj-after" style="MAX-WIDTH: 100%; WHITE-SPACE: normal; WORD-SPACING: 0px; TEXT-TRANSFORM: none; COLOR: rgb(51,51,51); TEXT-ALIGN: center; FONT: 13px/20px Verdana, Geneva, sans-serif; MARGIN-TOP: 16px; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; -webkit-text-stroke-width: 0px"> <a style="TEXT-DECORATION: underline; COLOR: rgb(0,85,128); OUTLINE-WIDTH: 0px" href="https://www.pa-soft.com/clipsmartpro.html#w72QKRcw"><img style="BORDER-LEFT-WIDTH: 0px; BOX-SIZING: border-box; MAX-WIDTH: 100%; HEIGHT: auto; BORDER-RIGHT-WIDTH: 0px; WIDTH: 625px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px" alt="ClipSmartPro Clipboard Viewer with Video Clip" src="https://www.pa-soft.com/_media/img/medium/clipsmartpro-video-clip-625x355-for-frontpage.png"></a> </div><!--EndFragment--> </body> </html>
Please add a feature to make snippets containing external references SELF-CONTAINED by automatically downloading the externally referenced assets (images, CSS, Javascript) inside the snippet code and to automatically transform them into local assets of this snippet!
This would be very useful, as it would allow to integrate external content from any web page as a self-contained snippet in NOF!
Reply With Quote
