In response to a long-standing user need in the Canvas Community, I created the code snippet below. This Discussion (which is derived from this Document, which is pdf-able) documents a simple end-user solution to produce a plain-vanilla version of a Canvas Quiz, which is printer-friendly. I share the code below, as well as describe a couple of its limitations. It goes without saying, but anybody's free to share and tweak at will (for you geeks, I hereby license it under GNU GENERAL PUBLIC LICENSE Version 3. It's also hosted on my github.). Feel free to share your tweaks and improvements in this Discussion - I will probably do so myself.
A browser window containing the Quiz content in plain HTML. This can be either printed to paper, or saved as a pdf.
As many have noted in the Idea forum, an easily-printable Quiz meets needs for accommodations and accessibility broadly, as well as students and schools in limited-connectivity or limited-hardware situations, and teachers and administrators in workflow and documentation situations which require hard copy.
No - this code can be deployed by any Canvas user on their own.
Edge makes it annoyingly complex to manually create a bookmark(let). I honestly haven't found how to do it. The other browsers (Firefox, Chrome, Safari) are fine with it. I've tested the code in all 3 of these successfully.
The usual: this is home-grown code, so I make no warranties. Test it before relying heavily on it. Also, the code relies upon the specific element id assigned to Quiz content as of this date - future changes to Canvas production code may break it.
var zed = document.querySelector("#submit_quiz_form").outerHTML;
var zed = document.querySelector(".quiz-header").outerHTML + zed;
var zed = zed.replace(/Links to an external site\./gim , "");
var zed = zed.replace(/aria-level=\"2\">/gim , "aria-level=\"2\"><br />");
var zed = zed.replace(/class=\"screenreader-only\"|class=\"form-actions\"|class=\"accessibility-warning screenreader-only\"|class=\"alert\"/gim , "hidden=\"hidden\"");
var dt = new Date(); var dd = dt.getDate(); var mm = dt.getMonth()+1; var yy = dt.getFullYear();
var myWindow = window.open();
myWindow.document.write("<p>Printer-friendly Quiz generated: " + mm + "/" + dd + "/" + yy + "</p>" + zed);
[edit 01/26/2018: added code to (1) include Quiz instructions; (2) include date printable Quiz was generated; (3) insert space between questions.]
I have been trying this today. I cannot get the link to work in Google URL. Says I only get 32 words in a query. I tried setting it up in a bookmark and pasting the code inside the bookmark. It did not work. Are there any ways to print a quiz besides using code?