TwentyTwenty JS Support

CatOnly commented 2 weeks ago

Please support it: https://zurb.com/playground/twentytwenty

by the way, GOOD JOB !

obgnail commented 1 week ago

@CatOnly

Thanks for your feedback!

How would you like to introduce TwentyTwentyJS into typora_plugin? As a code block language, or something else?

CatOnly commented 1 week ago

Make it as a button to create a template html code to quick insert it. So we can easily insert it into the table.

obgnail commented 1 week ago

Due to Typora's security policy, any script tags within the text will be filtered out, making it impossible to implement this feature using pure HTML.

CatOnly commented 1 week ago

Try label iframe, it can be used in typroa (Windows only, Mac OS block the iframe's JS for Cross-domain)

obgnail commented 1 week ago

I am not a front-end programmer. I'm unsure how to Implement this requirement using the element. Could you provide an example?</p> <ul> <li>The <iframe>'s src attribute should reference a separate HTML file, rather than containing embedded HTML code directly. This makes it dependent on an external resource.</li> <li>Due to Typora's security policy, iframes will not be able to access local images, which greatly reduces the usefulness of this feature when using pure HTML.</li> </ul> <p>reference：<a href="https://support.typora.io/Media/">typora.io - Embed Video, Media or Web Contents</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/obgnail"><img src="https://avatars.githubusercontent.com/u/48992887?v=4" />obgnail</a> commented <strong> 20 hours ago</strong> </div> <div class="markdown-body"> <p>I'm closing this issue for now due to inactivity. If you have any new ideas or updates, feel free to drop a comment below.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

obgnail / typora_plugin

TwentyTwenty JS Support #842