[ARCHIVED] Student HTML Practice Tool

jhveem
Community Explorer

I'm brainstorming a tool for our web development class that would allow students to practice HTML within a Canvas page. The format would be they would enter some html in a textarea, and see their parsed html right below it. I've included a mockup image.

Functionally I'm imagining it would be something like using jquery to watch the text area and then set the html of an output div based on the text in the text area. Here's a quick sample of just that part.

input.on('input'function () {
    display.html($(this).val());
});

However, I'm wondering what the security concerns would be with this. With my limited understanding, I don't see how it would be any different than a student running scripts in the console, but I'm guessing I'm missing something.

Labels (2)
0 Likes