**Created**:: [[2022-02-04 Friday]] **Link**:: https://youtu.be/2Y8OhkGiTHg **Duration**:: 3:49 ![How to guide for the Excalidraw-native hyperlinks in the Obsidian plugin](https://youtu.be/2Y8OhkGiTHg) # Summary In this video, the creator demonstrates the new native hyperlink support in Excalidraw, which integrates seamlessly with Obsidian. Viewers learn how to create and edit links tied to text and individual elements within their drawings. The tutorial also covers how to customize the visibility of link prefixes in Excalidraw settings. # Key Takeaways - Native hyperlink support allows for easy linking of text and individual elements in Excalidraw. - Links can be edited, but the text element will override any external URL if modified. - Users can customize the visibility of link prefixes through Excalidraw settings. # Content Welcome! I'd like to demonstrate to you some of the changes that come with the native hyperlink support in Excalidraw. [* ](https://youtu.be/2Y8OhkGiTHg?t=0) First of all, links, as previously, still work. This is parsed into text and a prefix, and if I change between preview mode and raw mode, then you can see that the text changes. What's new is this icon here in the top right; if I hover over it, I can actually see the link. If I control-hover over this, then I can see the preview of the image, and if I click or control-click this, then the image opens up. [* ](https://youtu.be/2Y8OhkGiTHg?t=7) This also works for internet links. For example, if I type in "obsidian.md," this also transforms into a link, and it works the same way. If I come here and click the link, then Obsidian and these pages open. [* ](https://youtu.be/2Y8OhkGiTHg?t=44) Now, keep in mind that this link can be edited, but this link is also important. Let me just change this to "google.com." When you edit this link, it is not going to be safe; if you have a text element that contains a link, that will always override the link when you save the document. So in this case, if I open this file and navigate back, you will see that this link has changed back to "obsidian.md," so the text always takes priority. [* ](https://youtu.be/2Y8OhkGiTHg?t=72) The great new feature is that you can now attach links to individual elements. If I have a group of elements, like these two elements, and they are grouped, I cannot attach a link. But if they are separate elements, like this rectangle, I can click the "create link" button here, and again, I can put in my link to the page. With that, this element will have that link right there. [* ](https://youtu.be/2Y8OhkGiTHg?t=103) Also, these links are maintained like all the other links, so if I change the name of this link and come back, you can see, of course, that link is updated. Furthermore, I want to show you that if I come to the markdown view, the link for the rectangle is also listed under text elements. [* ](https://youtu.be/2Y8OhkGiTHg?t=136) In this case, let me just come back here and edit this to say "let's celebrate." Now, if I come back, I know that this is "let's celebrate," that's the text element, and this one is the rectangle element. The links are maintained under text elements. [* ](https://youtu.be/2Y8OhkGiTHg?t=167) Finally, if you don't want to see the prefix because you now have this icon in the top right, you can go to Excalidraw settings. Here, if you scroll down, you can simply delete these two prefixes like this. Then I come back, and from then on, these will not be visible anymore; it's just going to be the link in the top right corner. [* ](https://youtu.be/2Y8OhkGiTHg?t=196) Those are the most important changes that come with this new feature. I hope you will find this new feature useful. Happy drawing! [* ](https://youtu.be/2Y8OhkGiTHg?t=224) # YouTube Details ## YouTube Description 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. Links: --------- My blog: https://zsolt.blog/ Obsidian: https://obsidian.md Obsidian-Excalidraw 1.6.0: https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/tag/1.6.0 ## YouTube Transcript [welcome I'd like to demonstrate to you](https://youtu.be/2Y8OhkGiTHg?t=0) [some of the changes that come with the](https://youtu.be/2Y8OhkGiTHg?t=2) [native hyperlink support and xol draw so](https://youtu.be/2Y8OhkGiTHg?t=4) [first of all links as previously viky](https://youtu.be/2Y8OhkGiTHg?t=7) [links still work uh this is parsed into](https://youtu.be/2Y8OhkGiTHg?t=10) [a text and a prefix as well as if I](https://youtu.be/2Y8OhkGiTHg?t=14) [change between uh preview mode and uh](https://youtu.be/2Y8OhkGiTHg?t=18) [raw mode then you can see that the text](https://youtu.be/2Y8OhkGiTHg?t=21) [changes what's new is this icon here in](https://youtu.be/2Y8OhkGiTHg?t=24) [the top right if I hover this then I can](https://youtu.be/2Y8OhkGiTHg?t=27) [actually see the link if I control hover](https://youtu.be/2Y8OhkGiTHg?t=29) [this then I can see the preview of the](https://youtu.be/2Y8OhkGiTHg?t=32) [image and if I click or control click](https://youtu.be/2Y8OhkGiTHg?t=35) [this then the image opens up now this](https://youtu.be/2Y8OhkGiTHg?t=37) [also works for internet links so for](https://youtu.be/2Y8OhkGiTHg?t=42) [example if I type](https://youtu.be/2Y8OhkGiTHg?t=44) [in obsidian MD then this also transforms](https://youtu.be/2Y8OhkGiTHg?t=47) [into a link and it works the same if I](https://youtu.be/2Y8OhkGiTHg?t=52) [come here and click the link then](https://youtu.be/2Y8OhkGiTHg?t=56) [obsidian and these uh page is open now](https://youtu.be/2Y8OhkGiTHg?t=58) [keep in mind that this link can be](https://youtu.be/2Y8OhkGiTHg?t=63) [edited but this link is also so let me](https://youtu.be/2Y8OhkGiTHg?t=65) [just change this to](https://youtu.be/2Y8OhkGiTHg?t=70) [google.com um when you edit this link](https://youtu.be/2Y8OhkGiTHg?t=72) [this is not going to be safe so if you](https://youtu.be/2Y8OhkGiTHg?t=75) [have a text element and the text element](https://youtu.be/2Y8OhkGiTHg?t=77) [contains a link that will always](https://youtu.be/2Y8OhkGiTHg?t=80) [override the link when you save the](https://youtu.be/2Y8OhkGiTHg?t=83) [document so in this case if I open this](https://youtu.be/2Y8OhkGiTHg?t=86) [file and I navigate back then what you](https://youtu.be/2Y8OhkGiTHg?t=89) [will see here is that this link has](https://youtu.be/2Y8OhkGiTHg?t=92) [changed back to obsidian MD so the text](https://youtu.be/2Y8OhkGiTHg?t=94) [always takes](https://youtu.be/2Y8OhkGiTHg?t=99) [priority the great new feature is that](https://youtu.be/2Y8OhkGiTHg?t=100) [now you can attach links to objects](https://youtu.be/2Y8OhkGiTHg?t=103) [actually you can attach links to](https://youtu.be/2Y8OhkGiTHg?t=107) [individual elements so if I have a group](https://youtu.be/2Y8OhkGiTHg?t=109) [of elements like these two elements and](https://youtu.be/2Y8OhkGiTHg?t=112) [they are grouped I cannot attach uh a](https://youtu.be/2Y8OhkGiTHg?t=114) [link but if they are separate ele so if](https://youtu.be/2Y8OhkGiTHg?t=118) [I have for example this rectangle I can](https://youtu.be/2Y8OhkGiTHg?t=120) [click the create link button here and](https://youtu.be/2Y8OhkGiTHg?t=123) [again I can put in my link to the page](https://youtu.be/2Y8OhkGiTHg?t=126) [and with that this element will have](https://youtu.be/2Y8OhkGiTHg?t=130) [that link right there now also these](https://youtu.be/2Y8OhkGiTHg?t=132) [links are maintained as all the links so](https://youtu.be/2Y8OhkGiTHg?t=136) [if I now change the name of this link](https://youtu.be/2Y8OhkGiTHg?t=138) [and I come back here then you can see of](https://youtu.be/2Y8OhkGiTHg?t=142) [course that link is updated and this](https://youtu.be/2Y8OhkGiTHg?t=144) [link is updated and and what I want to](https://youtu.be/2Y8OhkGiTHg?t=147) [show you uh also is that if I come to](https://youtu.be/2Y8OhkGiTHg?t=151) [the markdown view then the link for the](https://youtu.be/2Y8OhkGiTHg?t=154) [rectangle is also listed under text](https://youtu.be/2Y8OhkGiTHg?t=157) [elements so in fact well in this case](https://youtu.be/2Y8OhkGiTHg?t=160) [let me just come back here and let me](https://youtu.be/2Y8OhkGiTHg?t=164) [edit this and](https://youtu.be/2Y8OhkGiTHg?t=167) [say let's celebrate like this and now if](https://youtu.be/2Y8OhkGiTHg?t=169) [I come back then I know that this is let](https://youtu.be/2Y8OhkGiTHg?t=173) [celebrate that's the text element and](https://youtu.be/2Y8OhkGiTHg?t=176) [this one is the rectangle element but](https://youtu.be/2Y8OhkGiTHg?t=178) [the links are maintained under text](https://youtu.be/2Y8OhkGiTHg?t=183) [elements and finally what I want to show](https://youtu.be/2Y8OhkGiTHg?t=185) [you is if you don't want to see the](https://youtu.be/2Y8OhkGiTHg?t=188) [prefix because now you have uh this icon](https://youtu.be/2Y8OhkGiTHg?t=190) [in the top right then you can come to](https://youtu.be/2Y8OhkGiTHg?t=194) [exol draw](https://youtu.be/2Y8OhkGiTHg?t=196) [settings and here if you scroll down you](https://youtu.be/2Y8OhkGiTHg?t=198) [can simply delete these two prefixes](https://youtu.be/2Y8OhkGiTHg?t=201) [like this and then I come back then from](https://youtu.be/2Y8OhkGiTHg?t=205) [then on uh these are not going to be uh](https://youtu.be/2Y8OhkGiTHg?t=208) [visible anymore it's just going to be](https://youtu.be/2Y8OhkGiTHg?t=212) [the link in the top right corner so](https://youtu.be/2Y8OhkGiTHg?t=214) [those are the most important changes](https://youtu.be/2Y8OhkGiTHg?t=218) [that come with this new feature I hope](https://youtu.be/2Y8OhkGiTHg?t=221) [that you will find this new feature](https://youtu.be/2Y8OhkGiTHg?t=224) [useful happy drawing](https://youtu.be/2Y8OhkGiTHg?t=226)