# How can I set render-image.html to handle both md and html syntax of image insetion
**URL:** https://discourse.gohugo.io/t/how-can-i-set-render-image-html-to-handle-both-md-and-html-syntax-of-image-insetion/44711
**Category:** support
**Created:** [June 5, 2023, 5:23pm UTC](https://discourse.gohugo.io/t/how-can-i-set-render-image-html-to-handle-both-md-and-html-syntax-of-image-insetion/44711 "2023-06-05T17:23:03Z")
**Posts on this page:** 6
**Page:** 1
I’m new to HUGO, and have always been writing .md in Typora.
Typora is a great editor but it has a strange built-in image zoom design: when I do not zoom the pic, the image insert style is typically markdown like this ``
But when I sometimes want to zoom, the Typora auto change the syntax like: ``
Now the qusetion is, I don’t kown much of Go or html, How can I write the **render-image.html** templete to handle these two syntax in a single .md file
I’ve try ChatGPT, response like this
```html
{{- if eq .OutputFormat.Name "html" -}}
{{- if eq .Page.Extension ".md" -}}
{{- $figureRegex := `!\[([^\]]+)]\(([^)]+)\s*("(?:[^"]*)"|'(?:[^']*)'|)(?:\s*([^)]*))?\)` -}}
{{- $matches := findREAll $figureRegex .Content -}}
{{- range $i, $e := $matches -}}
{{- $alt := index $e 1 -}}
{{- $src := index $e 2 | safeURL -}}
{{- $title := index $e 4 -}}
{{ with $title }}{{ . }}{{ end }}
{{- end -}}
{{- else -}}
{{- $src := .Destination | absURL -}}
{{- $alt := .Params.alt | default "" -}}
{{- $title := .Params.title -}}
{{ with $title }}{{ . }}{{ end }}
{{- end -}}
{{- end -}}
```
Use regex is a nice try, but this code brings so many syntax errors, and I can not solve them well 0.0
---
There are so many things wrong with the code above that I don’t even know where to begin.
If you want to leverage Hugo’s image render hook, don’t zoom in Typora.
Also, the CSS `zoom` property is still considered non-standard.
---
Now I wonder How render-image works, is my thought about tackle these two syntax here even doable?Why the generates of static html just ignore the `` insertion code
---
> [@Reed-yang](#):
>
> Why the generates of static html just ignore the `` insertion code
I’m not sure I understand your question. View source in your browser (typically `Ctrl+U`). Do you see:
```auto
```
If yes, change your site configuration:
```plaintext
[markup.goldmark.renderer]
unsafe = true
```
It is safe if _you_ control the content.
---
`
Now the qusetion is, I don’t kown much of Go or html, How can I write the **render-image.html** templete to handle these two syntax in a single .md file
I’ve try ChatGPT, response like this
```html
{{- if eq .OutputFormat.Name "html" -}}
{{- if eq .Page.Extension ".md" -}}
{{- $figureRegex := `!\[([^\]]+)]\(([^)]+)\s*("(?:[^"]*)"|'(?:[^']*)'|)(?:\s*([^)]*))?\)` -}}
{{- $matches := findREAll $figureRegex .Content -}}
{{- range $i, $e := $matches -}}
{{- $alt := index $e 1 -}}
{{- $src := index $e 2 | safeURL -}}
{{- $title := index $e 4 -}}