How to return rendered output from codeblock?

[jankoweb]

I want to create TOC (table of content) from a result from a Tasks plugin. The result is grouped - it means that it has sections. I made a code for extracting @context from my tasks like:

```tasks
description includes @
group by function task.description.match(/@[^\s)\.,]+/)```

that will render result divided into sections. I tried dataviewjs to obtain the sections:

```dataviewjs
const startAtLevel = 4
const content = await dv.io.load(dv.current().file.path)
const toc = content.match(new RegExp(`^#{${startAtLevel},} \\S.*`, 'mg'))
  .map(heading => {
    const [_, level, text] = heading.match(/^(#+) (.+)$/)
    const link = dv.current().file.path + '#' + text
    return '\t'.repeat(level.length - startAtLevel) + `1. [[${link}|${text}]]`
  })
dv.header(2, 'Table of contents')
dv.paragraph(toc.join('\n'))```

but the variable content does not contains rendered text.

So I tried put the code 1 into dv.paragraph('```tasks' + query + '```'). It render the output correctly but I need to return the resulted markdown text and I am not able to do it.

Is it possible to obtain the result from rendered element with this codeblock?

[alaestor]

It seems that we need to escape the backticks \`\`\` or use tildes ~~~ based on this answer.

I guess this must be due to template literals, but I don't know because I just learned this now because I'm a C++ developer trying to write a dv.view script and all this browser stuff scares me.