# Making clickable links and viewable images in editor

**URL:** https://zola.discourse.group/t/making-clickable-links-and-viewable-images-in-editor/1046
**Category:** Support
**Created:** [October 1, 2021, 12:32am UTC](https://zola.discourse.group/t/making-clickable-links-and-viewable-images-in-editor/1046 "2021-10-01T00:32:54Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![michael-ames](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/michael-ames/32/606_2.png) [@michael-ames](https://zola.discourse.group/u/michael-ames)
#### Post date: [October 1, 2021, 12:32am UTC](https://zola.discourse.group/t/making-clickable-links-and-viewable-images-in-editor/1046/1 "2021-10-01T00:32:54Z")

</div>

I’d like to continue using relative markdown link and image syntax in my editor, which allows me to navigate to linked content and view local images as I write.

```auto
[link to post2](./post2)
![](../images/image1]

```

In Hugo, I made use of their markdown render hooks to achieve this:

```auto
{{ $link := .Destination }}
{{ $isRemote := strings.HasPrefix $link "http" }}
{{- if not $isRemote -}}
{{ $url := urls.Parse .Destination }}
{{- if $url.Path -}}
{{ $fragment := "" }}
{{- with $url.Fragment }}{{ $fragment = printf "#%s" . }}{{ end -}}
{{- with .Page.GetPage $url.Path }}{{ $link = printf "%s%s" .RelPermalink $fragment }}{{ end }}{{ end -}}
{{- end -}}
<a href="{{ $link | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if $isRemote }} target="_blank"{{ end }}>{{ .Text | safeHTML }}</a>

```

…but I’m not sure how to do the same in Zola.

I’ve thought about using filters/replace but haven’t been able to figure it yet.  
I suppose I could get my own fork and roll back to the earlier use of “./” for internal links, but I was hoping there’d be a cleaner way.

I know this question was [brought up earlier in 2020](https://github.com/getzola/zola/issues/686#issuecomment-572225291), but not sure if anyone’s found a solution that works for them yet.