Skip to content

Instantly share code, notes, and snippets.

@lovemyliwu
Last active August 3, 2023 11:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lovemyliwu/8aacb06a00ec1cda5abe1e557b80fc20 to your computer and use it in GitHub Desktop.
Save lovemyliwu/8aacb06a00ec1cda5abe1e557b80fc20 to your computer and use it in GitHub Desktop.
stackedit collaps support details tag

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment