Interaktiva manualer på websida

Jag tänkte fixa en liten websida med korta interaktiva manualer, som man kan redigera direkt på websidan.

Det som kan finnas i en interaktiv manual är:

• Moment, minst ett men det kan vara flera (Jag hade tänkt att varje moment är en tab på hemsidan)

• Steg, Varje moment består av 1 eller flera steg (Stegen till det aktiva momentet visas efter varandra uppifrån o ner)

• Text & Bild, Varje steg består av text och/eller bild(er). Texten ska kunna formateras fet, kursiv och med t.ex. varningssymboler (t.ex. enkel BBCode implementation)

• Video, En manual kan också innehålla en eller flera video

Någon som har något tips på hur man kan lagra informationen? Det ska vara enkelt att redigera "dokumentet" via en admin del av hemsidan.

Jag hade först tänkt på att göra ett XML dokument och formatera det med XSL. Men det känns som det sprack på BBCode delen, om man inte kan göra något liknande med XML/XSL. Och hur skulle man kunna garantera ordningen på noderna i XML dokumentet?

<manual>
 <video>video.mp4</video>
 <moment title="First moment">
  <text>This is a long text with BBCode in it for [ b]fat[/b] text or maybe a [warn]Warning symbol on the left side and text on the right[/warn] and of course we need an image [image]image1.jpg[/image] more text after the image and another image [image]image2.jpg[/image]
  </text>
 </moment>
 <moment title="Second moment">
  <text>...</text>
 </moment>
</manual>