Anki add-on: 📺Editor Live Preview (Fixed by Shigeඞ)

Live preview in the Editor. This add-on is a fixed and custmized version for Anki25.04+ of the addon "Editor Live Preview" , originally created by Tobias Manske and Contributors , and credit goes to them. (For JavaScript CSP check, this image uses user provided Lapis deck. ) This version fixes a problem with Javascript not working on Anki25.04+(Security update), adds some uncompleted pull requests, enhances the options UI, and adds an audio playback function. How to use You can show or hide the preview by pressing the button at the top of the editor. Option Auto Show Auto show or hide the preview when the editor is displayed. Split Raito of Editor and Previewer You can change the ratio of Editor and Previewer. (e.g. Editor:7, Previewer:3) Location You can change the location of the previewer. ("above", "below", "left", "right") Others I added an audio playback function, so if you press the play button the audio will play (not auto play). Note The original Editor Live Preview is having problems only with Javascript. HTML and CSS are working well, so this Fork is not necessary if your card template does not include Javascript. This fix is relatively simple, the original author seems to be busy but active so this Fork is not needed after the fix and pull request are incorporated. 🚨Report If you have any problems or requests feel free to send them to me. 👍️Rate Comment : You can contact me anonymously, and AnkiWeb will send you an email when I reply, a high rating increases priority of development. 👩‍🚀Reddit : You can request me to repair broken Add-ons. 🌟AnkiForums : You can request me to repair broken Add-ons, and it is ideal for open discussions. 🐙Github : Makes it easier to track problems. 💖Patreon DM : Response will be prioritized. 💖Please Support Shige's Anki add-ons development! Hi thank you for using this add-on I'm Shigeඞ! [ 🛠️Fix add-ons ] So far I fixed and customized 80+ broken add-ons for free and developed over 30 add-ons as a hobby ( all add-ons ). If you have requests to fix broken add-ons feel free to contact me. Fix broken addons (Free) [ 💖Donation ] I'm looking for supporters for my add-ons development because I like Anki!👍️ If you support my volunteer development you will get 14 add-ons for patrons only and 15 game themes included in AnkiArcade ($5/month). Get Patrons only addons | Patrons Q and A | Contact [ Special Thanks ] So far I received donations from 561 patrons and without their support I never could develop this, thank you very much!🙏 Patrons: Arthur Bookstein Haruka Luis Alberto, Letona Quispe 07951350313540 Lily Daniel Kohl-Fink Tim NamelessGO Kyle Mondlak ElAnki Abhi S Matthew Hartford Jonathan Contreras findus161 K Peasant of Anki Juan Salgado Ernest Chan Yaeerrrrrr Elisabeth Barber Jesse Asiedu GP O'Byrne David C KM Christopher Lam Kolorophyll Jake Stucki Kaitlyn Bowler Isabel Guan Steven Banner Heidi Leonora Lomoki Akporyoe ellie Tobias Klös Xiuxuan Wang Ujwal Chadha gus forester iuventius Patrick ellis tarek Iggi qiting zeng Carly Burdorf Austin Regal Muneeb Khan Aydin Herik Mia Hoang Hung Sameer Al Matheus Chagas Bryn Price Orlando Frey pie_is_good Svel1989 Take Root Vivian Cao Keeler Kime Kurt Grabow Zarina Balde Pansanity Gabriel Farrugia Lis Y. Fahim Shaik Augusto Stein Ashok Rajpurohit mootcourt NoirHassassin alpha male, shredded af Morgan Torres Dennis Obis Anh-Tai Nguyen Tae Lee Joseph Howell Gabriel Vinicio Guedes sab hoque Terence Bartenbach R Rebecca only Ythalo Vlogs Ketan Pal Aurora Dzurko Tyler Schulte Kmyungc Mac Will S. Meeyah Davis Eric Allen Devon Williams alex han Douglas Beeman Andrew Yick Robert Remedios Marley Easterbrook Temi Jide Ansel Ng Simeon Azfar Hussain Haley Schwarz Woody kenken Jeanna ...full list 📥 How do I install this add-on? This add-on works with Anki for desktop (it does not work on mobile). Download Anki from the official website if you haven't already. Copy and paste the add-on code ( 90407377 ) into Anki and you can install it. ( Menu -> Tools -> Add-ons -> Get Add-ons -> Code [ add-on code ] ) When I develop bug fixes, create new features, or compatibility for New Anki, I will notify you and you can install it. Add-ons will be broken when the official Anki gets a major update, so if you like this add-on please support my volunteer development by rating, sharing, and donating. Thank you! Click here and please Rate this add-on, Thank you! :-)

GitHub repository: donkuri/lapis
Repository description: Lapis is a modern Anki note type designed with compatibility in mind.
Languages: HTML, CSS, Python