Canvas pages, without API tokens

Capture the lesson or assignment you already have open in Canvas, review the text, and turn it into a study deck.
1. Capture a page

On a desktop browser, drag this link to your bookmarks bar. Open a course page or assignment in Canvas, then click the saved bookmark.
Install the bookmark manually
Create a bookmark named “PrepDeck: capture page” and paste this code into its URL field.
javascript:(function()%7B%0A%20%20%22use%20strict%22%3B%0A%20%20var%20existing%3Ddocument.getElementById(%22prepdeck-page-capture%22)%3B%0A%20%20if(existing)%7Bexisting.focus()%3Breturn%3B%7D%0A%20%20if(!%2F%5E%5C%2Fcourses%5C%2F%5Cd%2B%5C%2F(%3F%3Apages%5C%2F%5B%5E%2F%5D%2B%7Cassignments%5C%2F%5Cd%2B%7Cwiki(%3F%3A%5C%2F%5B%5E%2F%5D%2B)%3F)%5C%2F%3F%24%2F.test(location.pathname))%7B%0A%20%20%20%20alert(%22Open%20an%20individual%20Canvas%20course%20page%20or%20assignment%20first.%20If%20your%20school%20uses%20a%20different%20layout%2C%20copy%20the%20lesson%20text%20and%20paste%20it%20into%20PrepDeck%E2%80%99s%20Canvas%20page%20importer.%22)%3Breturn%3B%0A%20%20%7D%0A%20%20var%20selectors%3D%5B%22%23wiki_page_show%20.show-content%22%2C%20%22.wiki-page%20.show-content%22%2C%20%22%23assignment_show%20.description%22%2C%20%22%23assignment_show%20.user_content%22%2C%20%22%23content%20.user_content%22%5D%3B%0A%20%20var%20root%3Dnull%3B%0A%20%20for(var%20s%3D0%3Bs%3Cselectors.length%3Bs%2B%2B)%7Broot%3Ddocument.querySelector(selectors%5Bs%5D)%3Bif(root)break%3B%7D%0A%20%20if(!root%20%7C%7C%20!root.getClientRects().length)%7Balert(%22No%20readable%20lesson%20content%20found.%20Wait%20for%20the%20page%20to%20load%2C%20or%20copy%20its%20lesson%20text%20and%20paste%20it%20into%20PrepDeck.%22)%3Breturn%3B%7D%0A%20%20var%20title%3D(document.querySelector(%22%23wiki_page_show%20.page-title%2C%20.wiki-page%20.page-title%2C%20%23assignment_show%20.title%2C%20%23content%20h1%22)%7C%7C%7B%7D).textContent%7C%7Cdocument.title%7C%7C%22Canvas%20page%22%3B%0A%20%20title%3Dtitle.trim()%3B%0A%20%20var%20source%3Dlocation.origin%2Blocation.pathname%3B%0A%20%20var%20nodes%3Droot.querySelectorAll(%22*%22)%3B%0A%20%20var%20copy%3Droot.cloneNode(true)%3B%0A%20%20var%20copiedNodes%3Dcopy.querySelectorAll(%22*%22)%3B%0A%20%20for(var%20i%3Dnodes.length-1%3Bi%3E%3D0%3Bi--)%7B%0A%20%20%20%20var%20node%3Dnodes%5Bi%5D%2C%20style%3DgetComputedStyle(node)%3B%0A%20%20%20%20if(node.matches(%22script%2Cstyle%2Ciframe%2Cform%2Cinput%2Ctextarea%2Cbutton%2Cnav%2Caside%2C%5Bhidden%5D%2C%5Baria-hidden%3D'true'%5D%22)%7C%7Cstyle.display%3D%3D%3D%22none%22%7C%7Cstyle.visibility%3D%3D%3D%22hidden%22)%20copiedNodes%5Bi%5D.remove()%3B%0A%20%20%7D%0A%20%20copy.querySelectorAll(%22img%5Balt%5D%22).forEach(function(img)%7Bimg.replaceWith(document.createTextNode(%22%20%22%2Bimg.alt%2B%22%20%22))%3B%7D)%3B%0A%20%20copy.querySelectorAll(%22br%22).forEach(function(br)%7Bbr.replaceWith(document.createTextNode(%22%5Cn%22))%3B%7D)%3B%0A%20%20copy.querySelectorAll(%22p%2Cdiv%2Ch1%2Ch2%2Ch3%2Ch4%2Ch5%2Ch6%2Cli%2Ctr%2Csection%2Cblockquote%22).forEach(function(el)%7Bel.appendChild(document.createTextNode(%22%5Cn%22))%3B%7D)%3B%0A%20%20copy.querySelectorAll(%22td%2Cth%22).forEach(function(el)%7Bel.appendChild(document.createTextNode(%22%5Ct%22))%3B%7D)%3B%0A%20%20var%20text%3D(copy.textContent%7C%7C%22%22).replace(%2F%5B%20%5Ct%5D%2B%5Cn%2Fg%2C%22%5Cn%22).replace(%2F%5Cn%7B3%2C%7D%2Fg%2C%22%5Cn%5Cn%22).trim()%3B%0A%20%20if(!text)%7Balert(%22This%20page%20has%20no%20readable%20lesson%20text.%20Images%2C%20videos%20and%20embedded%20tools%20need%20a%20transcript%20or%20text%20export.%22)%3Breturn%3B%7D%0A%20%20if(text.length%3E200000)%7Balert(%22This%20lesson%20is%20too%20large%20for%20a%20single%20capture.%20Copy%20smaller%20sections%20into%20PrepDeck%20instead.%22)%3Breturn%3B%7D%0A%20%20var%20host%3Ddocument.createElement(%22div%22)%3Bhost.id%3D%22prepdeck-page-capture%22%3B%0A%20%20host.style.cssText%3D%22position%3Afixed%3Binset%3A12px%3Bz-index%3A2147483647%3Bmax-width%3A720px%3Bmax-height%3A90vh%3Bmargin%3Aauto%3B%22%3B%0A%20%20var%20shadow%3Dhost.attachShadow(%7Bmode%3A%22open%22%7D)%3B%0A%20%20var%20panel%3Ddocument.createElement(%22section%22)%3B%0A%20%20panel.setAttribute(%22role%22%2C%22dialog%22)%3Bpanel.setAttribute(%22aria-modal%22%2C%22true%22)%3Bpanel.setAttribute(%22aria-label%22%2C%22Review%20Canvas%20page%20capture%22)%3B%0A%20%20panel.style.cssText%3D%22box-sizing%3Aborder-box%3Bbackground%3A%230f172a%3Bcolor%3A%23f1f5f9%3Bborder%3A2px%20solid%20%23a78bfa%3Bborder-radius%3A16px%3Bpadding%3A24px%3Bfont%3A16px%2F1.5%20system-ui%3Bbox-shadow%3A0%2010px%2060px%20%230008%3Bmax-height%3A90vh%3Boverflow%3Aauto%3B%22%3B%0A%20%20var%20heading%3Ddocument.createElement(%22h2%22)%3Bheading.textContent%3D%22Review%20your%20Canvas%20page%22%3Bheading.style.margin%3D%220%200%208px%22%3B%0A%20%20var%20description%3Ddocument.createElement(%22p%22)%3Bdescription.textContent%3D%22Only%20this%20lesson%E2%80%99s%20text%20is%20captured.%20Review%20or%20edit%20it%2C%20then%20copy%20it%20into%20PrepDeck%E2%80%99s%20Canvas%20page%20importer%2C%20or%20download%20a%20text%20file%20to%20upload.%20Nothing%20is%20sent%20automatically.%20Embedded%20files%20and%20videos%20are%20not%20included.%22%3B%0A%20%20var%20area%3Ddocument.createElement(%22textarea%22)%3Barea.setAttribute(%22aria-label%22%2C%22Captured%20lesson%20text%22)%3Barea.value%3Dtitle%2B%22%5CnSource%3A%20%22%2Bsource%2B%22%5Cn%5Cn%22%2Btext%3B%0A%20%20area.style.cssText%3D%22box-sizing%3Aborder-box%3Bwidth%3A100%25%3Bheight%3A40vh%3Bbackground%3A%23fff%3Bcolor%3A%23111827%3Bpadding%3A12px%3Bborder-radius%3A8px%3Bfont%3A14px%2F1.5%20system-ui%3B%22%3B%0A%20%20var%20status%3Ddocument.createElement(%22p%22)%3Bstatus.setAttribute(%22role%22%2C%22status%22)%3B%0A%20%20var%20actions%3Ddocument.createElement(%22div%22)%3Bactions.style.cssText%3D%22display%3Aflex%3Bflex-wrap%3Awrap%3Bgap%3A12px%3Bmargin-top%3A12px%3B%22%3B%0A%20%20function%20button(label%2Chandler)%7Bvar%20b%3Ddocument.createElement(%22button%22)%3Bb.type%3D%22button%22%3Bb.textContent%3Dlabel%3Bb.style.cssText%3D%22border%3A1px%20solid%20%23a78bfa%3Bborder-radius%3A8px%3Bbackground%3A%23312e81%3Bcolor%3Awhite%3Bpadding%3A10px%2016px%3Bcursor%3Apointer%3Bfont%3Ainherit%3B%22%3Bb.onclick%3Dhandler%3Bactions.appendChild(b)%3Breturn%20b%3B%7D%0A%20%20var%20previousFocus%3Ddocument.activeElement%3B%0A%20%20function%20close()%7Bhost.remove()%3Bif(previousFocus%26%26previousFocus.focus)previousFocus.focus()%3B%7D%0A%20%20var%20copyButton%3Dbutton(%22Copy%20text%22%2Cfunction()%7B%0A%20%20%20%20area.focus()%3Barea.select()%3B%0A%20%20%20%20if(navigator.clipboard%26%26navigator.clipboard.writeText)%7Bnavigator.clipboard.writeText(area.value).then(function()%7Bstatus.textContent%3D%22Copied.%20Paste%20into%20PrepDeck%E2%80%99s%20Canvas%20page%20importer.%22%3B%7D).catch(function()%7Bstatus.textContent%3D%22Copy%20was%20blocked.%20Use%20Ctrl%2BC%20or%20Command%2BC%20on%20the%20selected%20text.%22%3B%7D)%3B%7D%0A%20%20%20%20else%20status.textContent%3D%22Use%20Ctrl%2BC%20or%20Command%2BC%20on%20the%20selected%20text.%22%3B%0A%20%20%7D)%3B%0A%20%20var%20download%3Dbutton(%22Download%20.txt%22%2Cfunction()%7B%0A%20%20%20%20var%20url%3DURL.createObjectURL(new%20Blob(%5Barea.value%5D%2C%7Btype%3A%22text%2Fplain%3Bcharset%3Dutf-8%22%7D))%3B%0A%20%20%20%20var%20a%3Ddocument.createElement(%22a%22)%3Ba.href%3Durl%3Ba.download%3D(title.replace(%2F%5B%5Ea-z0-9%20_-%5D%2Fgi%2C%22%22).slice(0%2C80)%7C%7C%22canvas-page%22)%2B%22.txt%22%3Bshadow.appendChild(a)%3Ba.click()%3Ba.remove()%3BsetTimeout(function()%7BURL.revokeObjectURL(url)%3B%7D%2C1000)%3Bstatus.textContent%3D%22Text%20file%20prepared.%20Upload%20it%20in%20PrepDeck%20to%20build%20a%20deck.%22%3B%0A%20%20%7D)%3B%0A%20%20var%20closeButton%3Dbutton(%22Close%22%2Cclose)%3B%0A%20%20panel.append(heading%2Cdescription%2Carea%2Cactions%2Cstatus)%3Bshadow.appendChild(panel)%3Bdocument.body.appendChild(host)%3Barea.focus()%3B%0A%20%20panel.addEventListener(%22keydown%22%2Cfunction(event)%7B%0A%20%20%20%20if(event.key%3D%3D%3D%22Escape%22)%7Bevent.preventDefault()%3Bclose()%3B%7D%0A%20%20%20%20if(event.key%3D%3D%3D%22Tab%22)%7B%0A%20%20%20%20%20%20var%20focusable%3D%5Barea%2CcopyButton%2Cdownload%2CcloseButton%5D%2Cindex%3Dfocusable.indexOf(shadow.activeElement)%3B%0A%20%20%20%20%20%20event.preventDefault()%3Bfocusable%5B(index%2B(event.shiftKey%3F-1%3A1)%2Bfocusable.length)%25focusable.length%5D.focus()%3B%0A%20%20%20%20%7D%0A%20%20%7D)%3B%0A%7D)()%3B
No Canvas API calls, account tokens, or automatic uploads. Captures one page at a time; it does not download linked files, read embedded tools, or transcribe videos.
If your school or browser blocks bookmarks: select and copy the lesson text directly from Canvas, then paste below. This also works on mobile.
Downloaded a .txt file instead? Upload it directly.
Canvas pages, without API tokens

1. Capture a page

2. Review your study material
