**Created**:: [[2022-08-21 Sunday]] **Link**:: https://youtu.be/yZQoJg2RCKI **Duration**:: 15:58 ![Block reference parts of images just like text with Obsidian Excalidraw](https://youtu.be/yZQoJg2RCKI) # Summary In this video, the presenter discusses a new feature in Obsidian Excalidraw that allows users to create block references to parts of images, improving the integration of visual elements within markdown documents. By referencing specific sections or entire groups from images, users can navigate seamlessly between related content, enhancing the clarity and organization of their notes. The video includes practical examples and tips for effectively using these new features in visual productivity and knowledge management. # Key Takeaways - Obsidian Excalidraw now allows users to create block references to specific parts or areas of images for better integration into markdown documents. - There are three embedding options: embedding a text element, its surrounding area, or the entire element group. - Users can utilize the Obsidian menu to easily copy references for groups, areas, or individual blocks, increasing the effectiveness of visual note-taking. # Content Imagine creating a document similar to this Wikipedia page about Pieter Bruegel's painting "Children's Game." You want to show the big picture, and then you want to zoom into different parts of the picture. How would you do that? You would probably copy and paste the big image into your document, and then you would take the same picture, paste it into an image editor, and cut different parts of the picture to paste those into your chapters in the document. [* ](https://youtu.be/yZQoJg2RCKI?t=0) The issue with this approach is finding the pieces on the big picture; there is no reference between the two, so you need to spend time to find where those pictures came from. I have a better way for you: with the new version of Obsidian Excalidraw, you can highlight a part of a picture, give it a name or a reference ID, and use that reference in your document to only include the relevant section of the picture. In such a way that when you click this part of the image in the document, it will take you back to the big picture and show you where that part can be found. [* ](https://youtu.be/yZQoJg2RCKI?t=36) Let me show you how. We all love to have options, but too much choice can be overwhelming. Before diving into the details, I wanted to show you the different options you have for embedding a part of an image into a markdown document. There are three ways to embed your images: first is the markdown text embed, and this is how Excalidraw worked until today; when you referenced a text element or a section, it simply embedded the relevant text content of that text element. Then you can embed a text area, which means that the text element and its surrounding area are embedded, and finally, you can embed an element group, which means that the group to which this element belongs will be embedded, but nothing else from the image is going to be embedded. [* ](https://youtu.be/yZQoJg2RCKI?t=83) You have two types of references: block references and section references, and finally, Excalidraw offers you two ways to embed drawings into your markdown documents: SVG files or PNG files. SVG is the default, and some of the features that we are going to be talking about do not work with PNG files. So let's walk through a simple example. [* ](https://youtu.be/yZQoJg2RCKI?t=141) Let's look at this permanent note from my "Settle Costan" as an example. I recorded this note as I was preparing the book on the page for how to take smart notes, and as you can see in the source, I'm referencing this idea: open tasks tend to occupy short-term memory. This is actually a reference to a text element on the drawing. If I control-click on this, then indeed the book on a page opens, and I'm taken immediately to the text element, and of course, I can zoom out to see the whole picture. [* ](https://youtu.be/yZQoJg2RCKI?t=166) With the new feature in Excalidraw, you can do two things: one, you can add `area` equals to this block reference, and when I do that, this will include the part of the image that contained the reference text element, with a bit of padding around it. Now, if instead of `area`, I include the keyword `group`, in that case, my block reference is going to transclude the block of which this text element is a part. So if I click on this block now, it will first of all bring in the entire block, and if I click here you can see that the text element I was referencing was part of a bigger group. This will remind me of the example that Zenka highlighted in the book. [* ](https://youtu.be/yZQoJg2RCKI?t=215) This way, a block reference to a text element in your drawing can be displayed three different ways: you can use the group selector, and then you will get all the elements from the group in which this text element is presented; you can use the area selector, in which case you will get a cut out of the document where this text element was shown; and finally, if you don't include any of these two keywords, then you will get the text element itself. [* ](https://youtu.be/yZQoJg2RCKI?t=287) Let's look at another example. In this example image, you can see the agenda on the left-hand side. At the top, you can see that the agenda is a first-level heading, followed by the agenda points. The agenda is a single text element. The coloring is provided by two rectangles that are filled in and put in the background. Then here, I have a big rectangle and a bit of an image to make this a complete drawing. Now I'm going to place all of these items into a group, and let me show you the difference between the text reference, the area reference, and the group reference. [* ](https://youtu.be/yZQoJg2RCKI?t=323) So let's pull this document here to the side and let me place here a reference to the agenda section. You can see that the agenda is transcluded; it's a simple bullet point list of the agenda. Now, if I want to transclude the area around the agenda, in that case, I'm going to see the colors and a bit of white and a bit of black here from the bottom, but the padding is not that great, and also the text element here was much thinner than the colored line, so I get this cut out from the image. [* ](https://youtu.be/yZQoJg2RCKI?t=367) Now let's look at what the group reference would mean. The group reference in this case brings in the entire image, but let me show you something interesting. Imagine that I have another object on this picture; for example, I might have a circle like this that is here in the corner of this group. Now if I transclude the group because this is not part of the group, the group transclusion will not change. Let me just show you that it's actually there on the picture. If I remove the reference, then you can see that indeed my circle is visible in the corner. [* ](https://youtu.be/yZQoJg2RCKI?t=414) You can also create these links using the Obsidian menu in Excalidraw. So let's select this text element, let's click the Obsidian menu, and let's hover this button right here. This is the 'Copy Markdown link for selected element to clipboard' button, and you have a couple of modifier keys. If you control-click or command-click on a Mac, then you will copy a group reference. If you shift-click, then you will copy an area reference, and if you just simply click, then you're going to copy a normal block reference. So let's first copy a control-click, and when I paste my link here, then you can see that this is a group reference. If I put the exclamation mark in front, then the group is transcluded. [* ](https://youtu.be/yZQoJg2RCKI?t=459) Now if I come back and shift-click on this icon again, I'm not going to provide an alias; the link is now on the clipboard. If I place this link, you can see that this is an area reference. You can see the area right there, and if I put an exclamation mark in front, then you can see that this copied the area of the agenda. Finally, if I just simply click the button, it's going to copy a block reference. However, in this case, the result is going to be somewhat surprising, and let me explain to you why. [* ](https://youtu.be/yZQoJg2RCKI?t=540) In this case, only this question was copied and not the entire text like up here; then I only had the section reference. So you remember this was the section reference for the area, and here it is only the discussion. To understand why you need to open the drawing in markdown mode. What you can see here is the underlying structure of the markdown document that Excalidraw creates, and here at the top, I have the text elements section, and the first text element is the agenda with all the points, and it finishes with the block reference. This is the block reference we copied, but because this block reference is in a separate paragraph compared to the agenda and the content above, from Obsidian's perspective, this is not an entire block. That's why when I transcluded only this block reference, then only the discussion was displayed, and when I transcluded the section agenda, then the entire agenda was displayed. [* ](https://youtu.be/yZQoJg2RCKI?t=626) Let's look at what happens when I switch from SVG embeds to PNG embeds. I can do the switch by going to the plugin settings, clicking on Excalidraw, scrolling down to the embed and export section, and clicking this button here that I do not want to transclude SVG. This means I'm going to be transcluding PNG images. Now if I come back, let's test what happens. So the normal transclusion when I only translate text works; when I transclude a group, that's also going to work, but when I transclude an area, then the entire image is transcluded at first. In this case, you didn't see the difference, but because here I have this blob, you can see that the area selector is completely neglected by the transclusion when you're working with PNG. [* ](https://youtu.be/yZQoJg2RCKI?t=668) I want to show you a potential source of error or issue that you might face. If I copy the block reference for a non-text element, say for example, I copy the block reference for this rectangle and I paste it here into my document like this, and I put an exclamation mark, Obsidian is going to throw an error because this block reference cannot be found; everything is good. This block reference, from Obsidian's perspective, does not exist. However, if you write `group` in front of it, then the group will be transcluded. And if I switch back in settings to SVG mode, I wonder if you can guess what's going to be the difference between the group and the area transclusion. You guessed it right; the blob in the bottom corner will be visible because now I'm not transcluding the group of elements, but I'm transcluding with a bit of padding this area of the drawing. [* ](https://youtu.be/yZQoJg2RCKI?t=790) Finally, I want to share with you three little tricks I applied when I was working with the painting from Pieter Bruegel in the intro. First of all, I changed the dimension of the image. Second, I locked it, and third, when I was done with the text elements, I changed their colors to transparent. Let's look at these one by one. I used the 'Set Dimensions' Excalidraw script from the script library to change the dimension of the image. I took the size of the image from the Wikipedia page, but even if the Wikipedia page didn't have the size, I could have just simply calculated it based on the values that I see in the 'Set Dimension' screen, or I could use File Explorer to look at the size of the image and calculate a size that I like. [* ](https://youtu.be/yZQoJg2RCKI?t=792) Why did I change the size of the image? Because when I add text elements on the image, or rather I add sticky notes, meaning rectangles with text in them, then the text needs to fit the box. So I want to have a picture that is large enough that all my labels fit their boxes nicely. Second, I locked the picture using the context menu. Why did I lock the picture? Because as I add my sticky notes on top of the picture, I don't want to accidentally click the picture so it moves and all my sticky notes get out of place. Also, and this takes me to the third point, at the end, when I was done with adding the sticky notes, I selected everything on my canvas and I changed the color to transparent. [* ](https://youtu.be/yZQoJg2RCKI?t=840) By locking the image, when I do select all, the image is not selected, so changing these sticky notes, these labels from transparent to visible is easy. All I need to do is control A, select all, and I can change the color, the stroke color from transparent to black and back. And finally, finally, if you don't have the stroke color transparent, you can just simply type transparent in the edit box next to the stroke color, and also you can check out my video about the custom color palette that you can create for yourself. [* ](https://youtu.be/yZQoJg2RCKI?t=918) I am very excited about this new feature in Obsidian Excalidraw. I really hope that you like it as well, and this will take your ability to link your images to your notes to the next level. Thank you! [* ](https://youtu.be/yZQoJg2RCKI?t=956) # YouTube Details ## YouTube Description #obsidianmd, #excalidraw I added frame= support in 1.9.7 If you found this video helpful you might also be interested in these two videos: - Adding metadata to images: https://www.youtube.com/watch?v=c4qLT5xUdh8 - Finding unexpected connections through images: https://youtu.be/N6EFydv0tug This video is about the new image referencing feature available in Obsidian-Excalidraw 1.7.14. This feature allows you to reference only a part of your picture and embed only that part in your markdown documents. --------------- If you find the plugin and/or my videos helpful, please say thanks by buying me a coffee: https://ko-fi.com/zsolt If you'd like to request a feature or report a bug, please raise it on GitHub: https://github.com/zsviczian/obsidian-excalidraw-plugin If you want to connect, you can reach me (@zsviczian) in the Obsidian Members Group (OMG) on Discord or on Twitter. Timestamps -------------------- [00:00](https://youtu.be/yZQoJg2RCKI?t=0) Intro [01:18](https://youtu.be/yZQoJg2RCKI?t=78) Overview of image referencing options [02:49](https://youtu.be/yZQoJg2RCKI?t=169) Zettelkasten example [05:18](https://youtu.be/yZQoJg2RCKI?t=318) Reference types and the copy markdown link function [10:33](https://youtu.be/yZQoJg2RCKI?t=633) SVG vs. PNG [11:42](https://youtu.be/yZQoJg2RCKI?t=702) Block referencing non-text elements [13:04](https://youtu.be/yZQoJg2RCKI?t=784) 3 tricks I used on the Bruegel painting [15:35](https://youtu.be/yZQoJg2RCKI?t=935) Closing remarks Links: --------- My blog: https://zsolt.blog/ Obsidian: https://obsidian.md Excalidraw-Obsidian 1.6.18 release notes: https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/tag/1.6.18 ## YouTube Transcript [imagine creating a document similar to](https://youtu.be/yZQoJg2RCKI?t=0) [this wikipedia page about peter brugel's](https://youtu.be/yZQoJg2RCKI?t=3) [painting children's game you want to](https://youtu.be/yZQoJg2RCKI?t=5) [show the big picture and then you want](https://youtu.be/yZQoJg2RCKI?t=8) [to zoom into different parts of the](https://youtu.be/yZQoJg2RCKI?t=10) [picture](https://youtu.be/yZQoJg2RCKI?t=12) [how would you do that](https://youtu.be/yZQoJg2RCKI?t=13) [you would probably copy paste the big](https://youtu.be/yZQoJg2RCKI?t=15) [image into your document and then you](https://youtu.be/yZQoJg2RCKI?t=17) [would take the same picture paste it](https://youtu.be/yZQoJg2RCKI?t=20) [into an image editor and you would](https://youtu.be/yZQoJg2RCKI?t=22) [cut different parts of the picture and](https://youtu.be/yZQoJg2RCKI?t=25) [paste those into your chapters in the](https://youtu.be/yZQoJg2RCKI?t=27) [document](https://youtu.be/yZQoJg2RCKI?t=30) [the issue with this approach is finding](https://youtu.be/yZQoJg2RCKI?t=32) [the pieces on the big picture there is](https://youtu.be/yZQoJg2RCKI?t=35) [no reference between the two you need to](https://youtu.be/yZQoJg2RCKI?t=38) [spend time to find where those pictures](https://youtu.be/yZQoJg2RCKI?t=40) [came from](https://youtu.be/yZQoJg2RCKI?t=43) [i have a better way for you](https://youtu.be/yZQoJg2RCKI?t=45) [with the new version of obsidian xcoli](https://youtu.be/yZQoJg2RCKI?t=47) [draw you can highlight a part of a](https://youtu.be/yZQoJg2RCKI?t=50) [picture give it a name or a reference id](https://youtu.be/yZQoJg2RCKI?t=52) [and use that reference in your document](https://youtu.be/yZQoJg2RCKI?t=56) [to only include the relevant section of](https://youtu.be/yZQoJg2RCKI?t=60) [the picture in such a way that when you](https://youtu.be/yZQoJg2RCKI?t=63) [click this part of the image in the](https://youtu.be/yZQoJg2RCKI?t=66) [document it will take you back to the](https://youtu.be/yZQoJg2RCKI?t=69) [big picture and show you where that part](https://youtu.be/yZQoJg2RCKI?t=71) [can be found](https://youtu.be/yZQoJg2RCKI?t=74) [let me show you how](https://youtu.be/yZQoJg2RCKI?t=76) [we all love to have options but too much](https://youtu.be/yZQoJg2RCKI?t=83) [choice](https://youtu.be/yZQoJg2RCKI?t=86) [can be overwhelming before diving into](https://youtu.be/yZQoJg2RCKI?t=87) [the details i wanted to show you the](https://youtu.be/yZQoJg2RCKI?t=90) [different options you have for embedding](https://youtu.be/yZQoJg2RCKI?t=92) [a part of an image into a markdown](https://youtu.be/yZQoJg2RCKI?t=95) [document](https://youtu.be/yZQoJg2RCKI?t=97) [there are three ways to embed your](https://youtu.be/yZQoJg2RCKI?t=99) [images](https://youtu.be/yZQoJg2RCKI?t=101) [first is the markdown text embed and](https://youtu.be/yZQoJg2RCKI?t=102) [this is how xcollidro worked until today](https://youtu.be/yZQoJg2RCKI?t=105) [when you referenced a text element or a](https://youtu.be/yZQoJg2RCKI?t=109) [section it simply embedded the relevant](https://youtu.be/yZQoJg2RCKI?t=111) [text content of that text element](https://youtu.be/yZQoJg2RCKI?t=114) [then you can embed a text area which](https://youtu.be/yZQoJg2RCKI?t=117) [means that the text element and its](https://youtu.be/yZQoJg2RCKI?t=121) [surrounding area is embedded and finally](https://youtu.be/yZQoJg2RCKI?t=123) [you can embed an element group which](https://youtu.be/yZQoJg2RCKI?t=127) [means that the group to which this](https://youtu.be/yZQoJg2RCKI?t=130) [element belongs](https://youtu.be/yZQoJg2RCKI?t=133) [will be embedded but nothing else from](https://youtu.be/yZQoJg2RCKI?t=135) [the image is going to be embedded](https://youtu.be/yZQoJg2RCKI?t=138) [you have two types of references you](https://youtu.be/yZQoJg2RCKI?t=141) [have the block references and the](https://youtu.be/yZQoJg2RCKI?t=143) [section references and finally xcolidraw](https://youtu.be/yZQoJg2RCKI?t=145) [offers you two ways to embed drawings](https://youtu.be/yZQoJg2RCKI?t=149) [into your markdown documents](https://youtu.be/yZQoJg2RCKI?t=152) [svg files or png files svg is the](https://youtu.be/yZQoJg2RCKI?t=154) [default and some of the features that we](https://youtu.be/yZQoJg2RCKI?t=158) [are going to be talking about do not](https://youtu.be/yZQoJg2RCKI?t=161) [work with png files](https://youtu.be/yZQoJg2RCKI?t=164) [so let's walk through a simple example](https://youtu.be/yZQoJg2RCKI?t=166) [so let's look at this permanent note](https://youtu.be/yZQoJg2RCKI?t=174) [from my settle costan as an example i](https://youtu.be/yZQoJg2RCKI?t=177) [recorded this note as i was preparing](https://youtu.be/yZQoJg2RCKI?t=180) [the book on the page for how to take](https://youtu.be/yZQoJg2RCKI?t=183) [smart notes and as you can see in the](https://youtu.be/yZQoJg2RCKI?t=185) [source i'm referencing this idea open](https://youtu.be/yZQoJg2RCKI?t=188) [tasks tend to occupied short-term memory](https://youtu.be/yZQoJg2RCKI?t=191) [this is actually a reference](https://youtu.be/yZQoJg2RCKI?t=195) [to a text element on the drawing if i](https://youtu.be/yZQoJg2RCKI?t=198) [control click on this](https://youtu.be/yZQoJg2RCKI?t=201) [then indeed](https://youtu.be/yZQoJg2RCKI?t=203) [the book on a page opens and i'm taken](https://youtu.be/yZQoJg2RCKI?t=204) [immediately to the text element and of](https://youtu.be/yZQoJg2RCKI?t=208) [course i can zoom out to see the whole](https://youtu.be/yZQoJg2RCKI?t=210) [picture](https://youtu.be/yZQoJg2RCKI?t=213) [with the new feature in x color draw you](https://youtu.be/yZQoJg2RCKI?t=215) [can do two things](https://youtu.be/yZQoJg2RCKI?t=218) [one](https://youtu.be/yZQoJg2RCKI?t=219) [i can add](https://youtu.be/yZQoJg2RCKI?t=220) [area equals](https://youtu.be/yZQoJg2RCKI?t=222) [to this block reference](https://youtu.be/yZQoJg2RCKI?t=224) [and when i do that](https://youtu.be/yZQoJg2RCKI?t=226) [this will include the part of the image](https://youtu.be/yZQoJg2RCKI?t=228) [that contained the reference text](https://youtu.be/yZQoJg2RCKI?t=231) [element](https://youtu.be/yZQoJg2RCKI?t=234) [with a bit of a padding around it](https://youtu.be/yZQoJg2RCKI?t=235) [now if instead of area](https://youtu.be/yZQoJg2RCKI?t=238) [i include the keyword group](https://youtu.be/yZQoJg2RCKI?t=241) [in that case my block reference](https://youtu.be/yZQoJg2RCKI?t=244) [is going to transclude the block of](https://youtu.be/yZQoJg2RCKI?t=248) [which this text element is a part of so](https://youtu.be/yZQoJg2RCKI?t=252) [if i click on this block now](https://youtu.be/yZQoJg2RCKI?t=255) [it will first of all bring in the entire](https://youtu.be/yZQoJg2RCKI?t=258) [block](https://youtu.be/yZQoJg2RCKI?t=260) [and if i click here you can see that](https://youtu.be/yZQoJg2RCKI?t=262) [this text element that i was referencing](https://youtu.be/yZQoJg2RCKI?t=264) [was part of a bigger group and that](https://youtu.be/yZQoJg2RCKI?t=267) [bigger group included the vater and this](https://youtu.be/yZQoJg2RCKI?t=270) [will remind me of the example that zenka](https://youtu.be/yZQoJg2RCKI?t=274) [highlighted in the book](https://youtu.be/yZQoJg2RCKI?t=277) [so this way a block reference to a text](https://youtu.be/yZQoJg2RCKI?t=279) [element in your drawing can be displayed](https://youtu.be/yZQoJg2RCKI?t=282) [three different ways](https://youtu.be/yZQoJg2RCKI?t=285) [you can use the group selector and then](https://youtu.be/yZQoJg2RCKI?t=287) [you will get all the elements from the](https://youtu.be/yZQoJg2RCKI?t=290) [group in which this text element is](https://youtu.be/yZQoJg2RCKI?t=292) [presented you can use the area selector](https://youtu.be/yZQoJg2RCKI?t=294) [in which case you will get a cut out of](https://youtu.be/yZQoJg2RCKI?t=298) [the document where this text element was](https://youtu.be/yZQoJg2RCKI?t=301) [shown and finally](https://youtu.be/yZQoJg2RCKI?t=305) [if you don't include any of these two](https://youtu.be/yZQoJg2RCKI?t=307) [keywords then you will get the text](https://youtu.be/yZQoJg2RCKI?t=310) [element itself](https://youtu.be/yZQoJg2RCKI?t=313) [so let's look at another example](https://youtu.be/yZQoJg2RCKI?t=315) [in this example image you can see the](https://youtu.be/yZQoJg2RCKI?t=323) [agenda on the left hand side at the top](https://youtu.be/yZQoJg2RCKI?t=326) [you can see that the agenda is a first](https://youtu.be/yZQoJg2RCKI?t=329) [level heading followed by the agenda](https://youtu.be/yZQoJg2RCKI?t=332) [points the agenda is a single text](https://youtu.be/yZQoJg2RCKI?t=335) [element](https://youtu.be/yZQoJg2RCKI?t=338) [the coloring is provided by two](https://youtu.be/yZQoJg2RCKI?t=340) [rectangles that are filled in and put in](https://youtu.be/yZQoJg2RCKI?t=342) [the background](https://youtu.be/yZQoJg2RCKI?t=345) [and then here i have a big rectangle and](https://youtu.be/yZQoJg2RCKI?t=347) [a bit of an image to make this a](https://youtu.be/yZQoJg2RCKI?t=349) [complete drawing](https://youtu.be/yZQoJg2RCKI?t=352) [now i'm going to place all of these](https://youtu.be/yZQoJg2RCKI?t=354) [items into a group and let me show you](https://youtu.be/yZQoJg2RCKI?t=356) [the difference between the text](https://youtu.be/yZQoJg2RCKI?t=360) [reference the area reference and the](https://youtu.be/yZQoJg2RCKI?t=363) [group reference](https://youtu.be/yZQoJg2RCKI?t=365) [so let's pull this document here to the](https://youtu.be/yZQoJg2RCKI?t=367) [side and let me place here](https://youtu.be/yZQoJg2RCKI?t=370) [a reference to the agenda section](https://youtu.be/yZQoJg2RCKI?t=373) [you can see that the agenda is](https://youtu.be/yZQoJg2RCKI?t=376) [transcluded it's a simple bullet point](https://youtu.be/yZQoJg2RCKI?t=378) [list of the agenda](https://youtu.be/yZQoJg2RCKI?t=382) [now if i want to transclude the area](https://youtu.be/yZQoJg2RCKI?t=384) [around the agenda](https://youtu.be/yZQoJg2RCKI?t=387) [in that case i'm going to see the colors](https://youtu.be/yZQoJg2RCKI?t=390) [and a bit of white and a bit of black](https://youtu.be/yZQoJg2RCKI?t=394) [here from the bottom but the padding is](https://youtu.be/yZQoJg2RCKI?t=397) [not that great and also the text element](https://youtu.be/yZQoJg2RCKI?t=399) [here was much thinner than the colored](https://youtu.be/yZQoJg2RCKI?t=402) [line so i get this cut out from the](https://youtu.be/yZQoJg2RCKI?t=406) [image](https://youtu.be/yZQoJg2RCKI?t=408) [now let's look at what the group](https://youtu.be/yZQoJg2RCKI?t=409) [reference would mean](https://youtu.be/yZQoJg2RCKI?t=411) [so the group reference in this case](https://youtu.be/yZQoJg2RCKI?t=414) [brings in the entire image but let me](https://youtu.be/yZQoJg2RCKI?t=416) [show you something interesting imagine](https://youtu.be/yZQoJg2RCKI?t=419) [that i have another object on this](https://youtu.be/yZQoJg2RCKI?t=422) [picture for example i might have a](https://youtu.be/yZQoJg2RCKI?t=425) [circle like this that is here in the](https://youtu.be/yZQoJg2RCKI?t=428) [corner of this group](https://youtu.be/yZQoJg2RCKI?t=431) [now if i transclude the group because](https://youtu.be/yZQoJg2RCKI?t=434) [this is not part of the group the group](https://youtu.be/yZQoJg2RCKI?t=437) [transclusion will not change let me just](https://youtu.be/yZQoJg2RCKI?t=440) [show you that it's actually there on the](https://youtu.be/yZQoJg2RCKI?t=442) [picture if i remove the reference](https://youtu.be/yZQoJg2RCKI?t=444) [then you can see that indeed my circle](https://youtu.be/yZQoJg2RCKI?t=447) [is visible in the corner](https://youtu.be/yZQoJg2RCKI?t=450) [so let me show you one other thing](https://youtu.be/yZQoJg2RCKI?t=454) [you can also create these links using](https://youtu.be/yZQoJg2RCKI?t=456) [the obsidian menu in x color draw](https://youtu.be/yZQoJg2RCKI?t=459) [so let's select this text element let's](https://youtu.be/yZQoJg2RCKI?t=462) [click the obsidian menu and let's hover](https://youtu.be/yZQoJg2RCKI?t=465) [this button right here this is the copy](https://youtu.be/yZQoJg2RCKI?t=468) [markdown link for selected element to](https://youtu.be/yZQoJg2RCKI?t=472) [clipboard button and you have couple of](https://youtu.be/yZQoJg2RCKI?t=475) [modifier keys if you control click or](https://youtu.be/yZQoJg2RCKI?t=477) [command click on a mac](https://youtu.be/yZQoJg2RCKI?t=480) [then you will copy a group reference if](https://youtu.be/yZQoJg2RCKI?t=483) [you shift click then you will copy an](https://youtu.be/yZQoJg2RCKI?t=486) [area reference and if you just simply](https://youtu.be/yZQoJg2RCKI?t=489) [click then you're going to copy a normal](https://youtu.be/yZQoJg2RCKI?t=491) [block reference so let's first copy a](https://youtu.be/yZQoJg2RCKI?t=495) [control click](https://youtu.be/yZQoJg2RCKI?t=498) [and when i paste my link here](https://youtu.be/yZQoJg2RCKI?t=500) [then you can see that this is a group](https://youtu.be/yZQoJg2RCKI?t=503) [reference if i put the exclamation mark](https://youtu.be/yZQoJg2RCKI?t=506) [in front](https://youtu.be/yZQoJg2RCKI?t=508) [then the group is transcluded](https://youtu.be/yZQoJg2RCKI?t=509) [now if i come back and shift click on](https://youtu.be/yZQoJg2RCKI?t=513) [this icon again i'm not going to provide](https://youtu.be/yZQoJg2RCKI?t=516) [an alias the link is now on the](https://youtu.be/yZQoJg2RCKI?t=519) [clipboard if i place this link you can](https://youtu.be/yZQoJg2RCKI?t=522) [see that this is an area reference you](https://youtu.be/yZQoJg2RCKI?t=525) [can see the area right there](https://youtu.be/yZQoJg2RCKI?t=527) [and if i put an exclamation mark in](https://youtu.be/yZQoJg2RCKI?t=530) [front then you can see that this copied](https://youtu.be/yZQoJg2RCKI?t=532) [the area of the agenda](https://youtu.be/yZQoJg2RCKI?t=535) [and finally](https://youtu.be/yZQoJg2RCKI?t=538) [if i just simply click the button it's](https://youtu.be/yZQoJg2RCKI?t=540) [going to copy a block reference however](https://youtu.be/yZQoJg2RCKI?t=542) [in this case the result is going to be](https://youtu.be/yZQoJg2RCKI?t=546) [somewhat surprising and let me explain](https://youtu.be/yZQoJg2RCKI?t=549) [to you why](https://youtu.be/yZQoJg2RCKI?t=551) [in this case](https://youtu.be/yZQoJg2RCKI?t=553) [only this question was copied and not](https://youtu.be/yZQoJg2RCKI?t=555) [the entire text like](https://youtu.be/yZQoJg2RCKI?t=558) [up here then i only had the section](https://youtu.be/yZQoJg2RCKI?t=560) [reference so you remember this was the](https://youtu.be/yZQoJg2RCKI?t=564) [section reference for the area](https://youtu.be/yZQoJg2RCKI?t=566) [and here it is only the discussion why](https://youtu.be/yZQoJg2RCKI?t=569) [to understand why you need to open the](https://youtu.be/yZQoJg2RCKI?t=574) [drawing in markdown mode](https://youtu.be/yZQoJg2RCKI?t=577) [what you can see here](https://youtu.be/yZQoJg2RCKI?t=579) [is the underlying structure of the](https://youtu.be/yZQoJg2RCKI?t=581) [markdown document that xcolidraw creates](https://youtu.be/yZQoJg2RCKI?t=584) [and here at the top i have the text](https://youtu.be/yZQoJg2RCKI?t=588) [elements section and the first text](https://youtu.be/yZQoJg2RCKI?t=590) [element is the agenda with all the](https://youtu.be/yZQoJg2RCKI?t=593) [points and it finishes with the block](https://youtu.be/yZQoJg2RCKI?t=596) [reference and this is the block](https://youtu.be/yZQoJg2RCKI?t=599) [reference we copied but because this](https://youtu.be/yZQoJg2RCKI?t=601) [block reference is in a separate](https://youtu.be/yZQoJg2RCKI?t=604) [paragraph compared to the agenda and the](https://youtu.be/yZQoJg2RCKI?t=606) [content above](https://youtu.be/yZQoJg2RCKI?t=609) [from obsidian's perspective this is not](https://youtu.be/yZQoJg2RCKI?t=610) [an entire block](https://youtu.be/yZQoJg2RCKI?t=614) [that's why when i transcluded only this](https://youtu.be/yZQoJg2RCKI?t=615) [block reference](https://youtu.be/yZQoJg2RCKI?t=620) [then only discussion was displayed](https://youtu.be/yZQoJg2RCKI?t=622) [and when i transcluded the section](https://youtu.be/yZQoJg2RCKI?t=626) [agenda](https://youtu.be/yZQoJg2RCKI?t=629) [then the entire agenda was displayed](https://youtu.be/yZQoJg2RCKI?t=630) [let's look at what happens when i switch](https://youtu.be/yZQoJg2RCKI?t=638) [from svg embeds to png embeds i can do](https://youtu.be/yZQoJg2RCKI?t=642) [the switch by going to the plugin](https://youtu.be/yZQoJg2RCKI?t=646) [settings clicking on excludra and](https://youtu.be/yZQoJg2RCKI?t=649) [scrolling down to the embed and export](https://youtu.be/yZQoJg2RCKI?t=652) [section and clicking this button here](https://youtu.be/yZQoJg2RCKI?t=655) [that i do not want to transclude svg](https://youtu.be/yZQoJg2RCKI?t=658) [this means i'm going to be transcluding](https://youtu.be/yZQoJg2RCKI?t=661) [png images](https://youtu.be/yZQoJg2RCKI?t=664) [now if i come back let's test what](https://youtu.be/yZQoJg2RCKI?t=666) [happens](https://youtu.be/yZQoJg2RCKI?t=668) [so the normal transclusion when i only](https://youtu.be/yZQoJg2RCKI?t=669) [translate text works when i transclude a](https://youtu.be/yZQoJg2RCKI?t=672) [group](https://youtu.be/yZQoJg2RCKI?t=675) [that's also going to work but when i](https://youtu.be/yZQoJg2RCKI?t=676) [transclude an area](https://youtu.be/yZQoJg2RCKI?t=678) [then](https://youtu.be/yZQoJg2RCKI?t=681) [the entire image is transcluded at first](https://youtu.be/yZQoJg2RCKI?t=682) [in this case you didn't see the](https://youtu.be/yZQoJg2RCKI?t=684) [difference but because here i have this](https://youtu.be/yZQoJg2RCKI?t=686) [blob](https://youtu.be/yZQoJg2RCKI?t=689) [you can see that the area](https://youtu.be/yZQoJg2RCKI?t=689) [selector is completely neglected by the](https://youtu.be/yZQoJg2RCKI?t=692) [transclusion when you're working with](https://youtu.be/yZQoJg2RCKI?t=696) [png the area option does not work](https://youtu.be/yZQoJg2RCKI?t=699) [i want to show you a potential source of](https://youtu.be/yZQoJg2RCKI?t=708) [error or issue that you might face](https://youtu.be/yZQoJg2RCKI?t=711) [if i copy the block reference for a](https://youtu.be/yZQoJg2RCKI?t=715) [non-text element say for example i copy](https://youtu.be/yZQoJg2RCKI?t=718) [the block reference for this rectangle](https://youtu.be/yZQoJg2RCKI?t=722) [and i paste it here](https://youtu.be/yZQoJg2RCKI?t=726) [into my document](https://youtu.be/yZQoJg2RCKI?t=728) [like this](https://youtu.be/yZQoJg2RCKI?t=730) [and i put an exclamation mark obsidian](https://youtu.be/yZQoJg2RCKI?t=732) [is going to throw an error because this](https://youtu.be/yZQoJg2RCKI?t=735) [block reference cannot be found](https://youtu.be/yZQoJg2RCKI?t=738) [everything is good this block reference](https://youtu.be/yZQoJg2RCKI?t=741) [from obsidian's perspective does not](https://youtu.be/yZQoJg2RCKI?t=744) [exist however if you write](https://youtu.be/yZQoJg2RCKI?t=747) [group in front of it then the group will](https://youtu.be/yZQoJg2RCKI?t=750) [be transcluded and if i switch back in](https://youtu.be/yZQoJg2RCKI?t=753) [settings to svg mode](https://youtu.be/yZQoJg2RCKI?t=756) [and](https://youtu.be/yZQoJg2RCKI?t=760) [i wonder if you can guess what's going](https://youtu.be/yZQoJg2RCKI?t=761) [to be the difference between the group](https://youtu.be/yZQoJg2RCKI?t=764) [and the area transclusion](https://youtu.be/yZQoJg2RCKI?t=766) [you guessed it right](https://youtu.be/yZQoJg2RCKI?t=769) [the blob in the bottom corner will be](https://youtu.be/yZQoJg2RCKI?t=771) [visible because now i'm not transcluding](https://youtu.be/yZQoJg2RCKI?t=774) [the group of elements but i'm](https://youtu.be/yZQoJg2RCKI?t=777) [transcluding with a bit of padding this](https://youtu.be/yZQoJg2RCKI?t=779) [area of the drawing](https://youtu.be/yZQoJg2RCKI?t=783) [finally i want to share with you three](https://youtu.be/yZQoJg2RCKI?t=790) [little tricks i applied when i was](https://youtu.be/yZQoJg2RCKI?t=792) [working with the painting from peter](https://youtu.be/yZQoJg2RCKI?t=795) [brugel in the intro first of all i](https://youtu.be/yZQoJg2RCKI?t=796) [changed the dimension of the image](https://youtu.be/yZQoJg2RCKI?t=799) [second i logged it and third when i was](https://youtu.be/yZQoJg2RCKI?t=801) [done with the text elements i changed](https://youtu.be/yZQoJg2RCKI?t=804) [their colors to transparent](https://youtu.be/yZQoJg2RCKI?t=806) [let's look at these one by one](https://youtu.be/yZQoJg2RCKI?t=808) [i used the set dimensions excolitrol](https://youtu.be/yZQoJg2RCKI?t=811) [script from the script library to change](https://youtu.be/yZQoJg2RCKI?t=814) [the dimension of the image i took the](https://youtu.be/yZQoJg2RCKI?t=816) [size of the image from the wikipedia](https://youtu.be/yZQoJg2RCKI?t=820) [page but even if the wikipedia page](https://youtu.be/yZQoJg2RCKI?t=822) [didn't have the size i could have just](https://youtu.be/yZQoJg2RCKI?t=825) [simply calculated it based on the values](https://youtu.be/yZQoJg2RCKI?t=827) [that i see in the set dimension screen](https://youtu.be/yZQoJg2RCKI?t=830) [or i could use file explorer to look at](https://youtu.be/yZQoJg2RCKI?t=832) [the size of the image and calculate a](https://youtu.be/yZQoJg2RCKI?t=835) [size that i like](https://youtu.be/yZQoJg2RCKI?t=838) [why did i change the size of the image](https://youtu.be/yZQoJg2RCKI?t=840) [because when i add text elements on the](https://youtu.be/yZQoJg2RCKI?t=842) [image or rather i add sticky notes](https://youtu.be/yZQoJg2RCKI?t=846) [meaning rectangles with text in them](https://youtu.be/yZQoJg2RCKI?t=849) [then the text needs to fit the box so i](https://youtu.be/yZQoJg2RCKI?t=852) [want it to have a picture that is large](https://youtu.be/yZQoJg2RCKI?t=855) [enough that all my labels fit their](https://youtu.be/yZQoJg2RCKI?t=858) [boxes nicely](https://youtu.be/yZQoJg2RCKI?t=861) [second i locked the picture using the](https://youtu.be/yZQoJg2RCKI?t=863) [context menu](https://youtu.be/yZQoJg2RCKI?t=865) [why did i lock the picture because as i](https://youtu.be/yZQoJg2RCKI?t=867) [add my sticky notes on top of the](https://youtu.be/yZQoJg2RCKI?t=870) [picture i don't want to accidentally](https://youtu.be/yZQoJg2RCKI?t=872) [click the picture so it moves and all my](https://youtu.be/yZQoJg2RCKI?t=875) [sticky notes get out of place](https://youtu.be/yZQoJg2RCKI?t=877) [also](https://youtu.be/yZQoJg2RCKI?t=880) [and this takes me to the third point](https://youtu.be/yZQoJg2RCKI?t=881) [at the end when i was done with adding](https://youtu.be/yZQoJg2RCKI?t=884) [the sticky notes i selected everything](https://youtu.be/yZQoJg2RCKI?t=887) [on my canvas and i changed the color to](https://youtu.be/yZQoJg2RCKI?t=890) [transparent](https://youtu.be/yZQoJg2RCKI?t=893) [by locking](https://youtu.be/yZQoJg2RCKI?t=895) [the image when i do select all the image](https://youtu.be/yZQoJg2RCKI?t=896) [is not selected so changing these sticky](https://youtu.be/yZQoJg2RCKI?t=900) [notes these labels](https://youtu.be/yZQoJg2RCKI?t=903) [from transparent to visible is easy all](https://youtu.be/yZQoJg2RCKI?t=905) [i need to do is ctrl a select all and i](https://youtu.be/yZQoJg2RCKI?t=908) [can change the color the stroke color](https://youtu.be/yZQoJg2RCKI?t=912) [from transparent to black and back](https://youtu.be/yZQoJg2RCKI?t=915) [and finally finally if you don't have](https://youtu.be/yZQoJg2RCKI?t=918) [the stroke color transparent you can](https://youtu.be/yZQoJg2RCKI?t=920) [just simply type transparent in the edit](https://youtu.be/yZQoJg2RCKI?t=923) [box next to the straw color and also you](https://youtu.be/yZQoJg2RCKI?t=927) [can check out my video about the custom](https://youtu.be/yZQoJg2RCKI?t=930) [color palette that you can create for](https://youtu.be/yZQoJg2RCKI?t=932) [yourself](https://youtu.be/yZQoJg2RCKI?t=935) [i am very excited about this new feature](https://youtu.be/yZQoJg2RCKI?t=942) [in obsidian x color draw](https://youtu.be/yZQoJg2RCKI?t=944) [i really hope that you like it as well](https://youtu.be/yZQoJg2RCKI?t=946) [and this will take your ability to link](https://youtu.be/yZQoJg2RCKI?t=949) [your images to your notes to the next](https://youtu.be/yZQoJg2RCKI?t=952) [level](https://youtu.be/yZQoJg2RCKI?t=955) [thank you](https://youtu.be/yZQoJg2RCKI?t=956)