The difference between the render with clean CSS and the render on Dodona isn't beneficial for the students. If the render is not reliable, a separate editor is required and it is less user-friendly.
If teachers want to grade HTML&CSS exercises it's easier if the render is reliable.
Rowspan isn't visible in this example.
The Dodona doesn't support iframes in the student submission render.
@bmesuere suggests these options:
solve with CSS
#tag { all: initial; }
tag { all: unset; } / or */
tag * { all: revert; }
Docs:
https://developer.mozilla.org/en-US/docs/Web/CSS/all
Edit: Tested without the desired result.
* Solve with iframe
> "alles wat je in die ruby file opgeeft zal geoutput worden naar html je moet 2 dingen outputten:
> een lege iframe (bv met een id, hoogte en breedte opgegeven)
> en dan een script tag waar je bv via document.getElementById de iframe selecteert en dan de srcdoc property instelt" - Bart
> "Iframe is miserie omdat je bv de hoogte niet automatisch goed krijgt en dan moet je JavaScript truuken uithalen om dat te fixen" - Bart
The difference between the render with clean CSS and the render on Dodona isn't beneficial for the students. If the render is not reliable, a separate editor is required and it is less user-friendly.
If teachers want to grade HTML&CSS exercises it's easier if the render is reliable.
Rowspan isn't visible in this example.
The Dodona doesn't support iframes in the student submission render.
@bmesuere suggests these options:
tag { all: unset; } / or */
tag * { all: revert; }