htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve display of images for code output

Browse Source
This commit is contained in:
Sebastian Serth
2022-08-25 20:13:22 +02:00
parent 4de77ca3f5
commit ffd7a0351a
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/javascripts/editor/evaluation.js
View File

@ -209,6 +209,13 @@ CodeOceanEditorEvaluation = {
if (output.stdout !== undefined && !output.stdout.startsWith("<img")) { if (output.stdout !== undefined && !output.stdout.startsWith("<img")) {
output.stdout = _.escape(output.stdout); output.stdout = _.escape(output.stdout);
} else {
const doc = new DOMParser().parseFromString(output.stdout, "text/html");
// Get the parsed element, it is automatically wrapped in a <html><body> document
const parsedElement = doc.firstChild.lastChild.firstChild;
const sanitized_img = document.createElement('img');
sanitized_img.src = parsedElement.src;
output.stdout = sanitized_img.outerHTML;
} }
var element = this.findOrCreateOutputElement(index); var element = this.findOrCreateOutputElement(index);