use custom template
{{{files.0.content.html}}}
<script>
document.querySelectorAll('.step-details').forEach(item=>{
item.outerHTML=`<details>${item.innerHTML}</details>`
})
document.querySelectorAll('.step-summary').forEach(item=>{
item.outerHTML=`<summary>${item.innerHTML}</summary>`
})
if (document.querySelector('details')) {
let md = document.querySelector('details').parentNode
md.innerHTML = md.innerHTML.replaceAll(
/<\/summary>\n<\/details>/g, '<\/summary>').replaceAll(
/<br.+?end\-step\-details.+?>/g, '<\/details>')
}
</script>
render example
pre content
<div class="step-details">
<div class="step-summary">北京两日游</div>
DAY1
上午:天安门-故宫
DAY2
上午:鸟巢、水立方
下午:中国科学技术馆
<br class="end-step-details">
after content