Excalidraw Script Engine Coding Example: Building a Gallery View 

This is about the Obsidian plugin - correct? In Obsidian under community plugins you will find the link to the GitHub repository for each plugin. That is where you can raise issues for any of your installed plugins. This is the link for the Excalidraw-Obsidian issue log: github.com/zsviczian/obsidian-excalidraw-plugin/issues If this relates to excalidraw.com then the issue log is this: github.com/excalidraw/excalidraw/issues I tested fonts on my Galaxy S23 Ultra - and I cannot reproduce the problem.

You could use ea.measureText() to measure the width of the text then adjust the bound rectangle's width. Currently there is no hook to automate when the drawing changes, but you could add this script to a keyboard shortcut that would do the cleanup on demand. I could add an onSave hook. I am reluctant about the onChange hook, because there are many changes and it would result in performance impact. As for list of script ideas... I rather recommend taking things into your own hand and creating the script instead of waiting for someone else to do it instead of you. It may take a bit of time to learn scripting, but once you know your way around - it becomes a superpower.

This was a once off thing, so I just left it in developer console... but normally after experimenting with a script I save it either as an Excalidraw script in the Excalidraw/Scripts folder or as a Templater script in my Templater folder. Incidentally, I did not stop working on this script after the video. In the end I realized that downloading thumbnails from RU-vid suits my needs better especially because I have a bunch of videos that I published before moving my workflow to Obsidian, but also because the loading of thumbnails from the .md files slowed things down (as you can see in the video as well), plus I wanted to add the youtube links... so I converted my script to use the RU-vid API and saved this modified script to my Excalidraw/Scripts folder for reuse later, since now, I can choose any channel I like on YT and download all the thumbnails in one go. Here's the resulting page with my videos: excalidraw-obsidian.online/Hobbies/Excalidraw+Blog/Catalogue+of+Videos Here's the final code I saved to scripts: /* ```js*/ const API_KEY = ""; //add your own API key const CHANNEL_ID = ""; //the channel ID of the channel I want to download let allVideos = []; const fetchVideos = async (token) => { const url = `www.googleapis.com/youtube/v3/search?key=${ API_KEY}&channelId=${CHANNEL_ID}&part=snippet,id&order=date&maxResults=50${ token ? `&pageToken=${token}` : ``}`; try { const response = await fetch(url); const data = await response.json(); if (data.items) { allVideos = allVideos.concat(data.items); // Concatenate fetched videos to the array if (data.nextPageToken) { // Fetch next page of results by recursively calling fetchVideos await fetchVideos(data.nextPageToken); } } } catch (error) { console.error('Error fetching data:', error); } }; // Initial call to fetch the first page of results await fetchVideos(); console.log(allVideos); const w = 320; const h = 180; const padding = 20; row = -1; idx = 0; for(video of allVideos) { const link = video.id.videoId; if(!link) continue; col = idx++ % 16; if(col === 0) row++; const imgID = await ea.addImage(col*(padding + w), row*(padding+h),video.snippet.thumbnails.medium.url); const imgEl = ea.getElement(imgID); imgEl.link = `youtu.be/${link}`; } ea.addElementsToView();