Generate callouts from Web Clipper’s variables

What I’m trying to do

  • I want to generate a AI summary of the content and a list of highlights from the Web Clipper
  • And that list is formatted as a callout, not a simple unordered list

Like this


[!Abstract]
Line 1 of the Interpreter output
Line 2 of the Interpreter output
Line … of the Interpreter output
Line N of the Interpreter output

[! Highlights]
Highlight 1
Highlight 2
Highlight 3

Content

The content of the web page here…


Things I have tried

I have tried many things, drawing inspiration from this help post : “obsidian-clipper-how-to-read-highlights”, but what yielded the most success is :

> [!Abstract]
> {{"Summarize the content of the article"}}

> [! Highlights]
{{ highlights|map:item => > item.text|join:\n }}

#### Content
{{content}}

which generates :


[!Abstract]
Line 1 of the Interpreter output

Line 2 of the Interpreter output
Line … of the Interpreter output
Line N of the Interpreter output

[! Highlights]
“Highlight 1” ----------> Notice all the extra " at the beginning and the end
“Highlight 2”
“Highlight 3”

Content

The content of the web page here…


I don’t know where to find the documentation for the syntax and the objects ‘highlights’ and ‘interpretation’ (if it is called that).

I do not know if tagging people is ok on this forum but let me do it for 2 users that posted or answered about Web clipper’s template system : @MySTerY1724 and @Anwen.

Try:

{{"Summarize the content of the article" | callout:("Abstract")}}

> [!Highlights]
{{highlights | map:item => item.text | list | blockquote}}

## Content
{{content}}

Remove | list if you don’t want list markers.