Implement a simple FAQ style

djplaner / word-to-canvas-module

A userscript that will create a Canvas Module (including all module items) from a Word document (using special styles)

https://djplaner.github.io/word-to-canvas-module/

MIT License

0 stars 0 forks source link

Implement a simple FAQ style #41

Open djplaner opened 2 years ago

djplaner commented 2 years ago

Using the details/summary html5 tags implement a simple accordion based FAQ heading and Body

[x] Define new styles in word
[x] Convert those styles into div.faqHeading and div.faqBody
[ ] Check to see if all the faqHeadings have a following faqBody during intiial word conversion
[x] Post process those into details and summary tags
[ ] Figure out how to style them properly

djplaner commented 2 years ago

Post process

Should have a sequence of

<div class="faqHeading"><p>About this task template?</p></div>
<div class="faqBody">
  <p>This collection of building blocks is provided for you to reuse, adapt, re-order, discard, and add to when developing a one-....</p>
</div>

To convert into

<details>
  <summary> <!-- content of div.faqHeading --> </summary>
  <!-- content of div.faqBody -->