Community help

OscarLevin · ‎04-13-2025

A recent update (some time between 4/9/2025 and 4/11/2025 seems to have broken a really important feature. To meet accessibility requirements, I have been creating HTML files that contain a lot of mathematics (using PreTeXt, which is sort of like LaTeX but can produce HTML correctly). Previously, I was able to upload the html file to "Files" and then let students view it from a Module. This correctly showed the math content displayed using MathJax, and other features of the webpage that used javascript worked correctly.

Now however, this seems to have stopped working. It was always the case that if you opened the file directly from the "Files" page, it didn't display the mathjax, but now there doesn't seem to be any way to make the page display correctly.

Any ideas whether this is a bug and if it could be fixed? Or is there something I could add to the HTML page that would let the mathjax through?

Note that reauthoring all my materials directly inside Canvas is a non-starter and upload PDFs is not allowed due to laws around accessibility my university is enforcing. Please help!

Thanks,

Oscar.

dbrace · ‎04-14-2025

Thank you for clarifying, @OscarLevin, and for the examples.

Based on what...

@Gabriel33 said
@Gabriel33 linked to from a few days at Re: Issue displaying HTML file in Modules – Blank ... - Instructure Community - 639683
@chriscas said as a reply at the link above (please see the screenshot)

... there is nothing that we are able to do (even though it was previously working, it was technically not supported) and you would need to report this to Canvas Support.

-Doug

View solution in original post

Gabriel33 · ‎04-14-2025

It might be related to this post from the 10th. Not exactly the same issue, but also related to posting pages as files. Unfortunately without a solution yet:
Re: Issue displaying HTML file in Modules – Blank ... - Instructure Community - 639683

A reply to that post also mentions that this feature isn't exactly supported by Instructure, so it's possible that there won't be a "fix" for it.

Note that you can still paste html directly to pages, and math can be added by using expressions surrounded by , like $ x^2 $, or by $$ for expressions in its own line. I use those for quizzes.

dbrace · ‎04-14-2025

@Gabriel33,

For @OscarLevin and anyone else, would you be willing to share:

actual HTML code as an example
a screenshot of the HTML code
a screenshot of the RCE view after the HTML code has been added
a screenshot of Canvas displaying the item after it has been saved

-Doug

OscarLevin · ‎04-14-2025

To clarify, I am not pasting in HTML into the RCE (that definitely doesn't work, since Canvas sanitizes it beyond recognition). Instead, I am uploading the html as a file through the file browser. Until last week, adding the file as an item to a module, or linking to the file location as an "external link" would display the correct HTML and render the javascript mathjax correctly. Now the javascript does not work; in particular, the math is not rendered.

Attached are two screenshots of how this is (incorrectly) rendered. Apparently I can't upload an html file here, so I'll paste the html code below:

<!DOCTYPE html>
<!--********************************************-->
<!--*       Generated from PreTeXt source      *-->
<!--*                                          *-->
<!--*         https://pretextbook.org          *-->
<!--*                                          *-->
<!--********************************************-->
<html lang="en-US" dir="ltr">
<head xmlns:og="http://ogp.me/ns#" xmlns:book="https://ogp.me/ns/book#">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link xmlns:xlink="http://www.w3.org/1999/xlink" rel="preconnect" href="https://fonts.googleapis.com">
<link xmlns:xlink="http://www.w3.org/1999/xlink" rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link xmlns:xlink="http://www.w3.org/1999/xlink" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0">
<link href="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/css/theme-greeley.min.css" rel="stylesheet" type="text/css">
<link xmlns:xlink="http://www.w3.org/1999/xlink" href="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/css/ol-markers.css" rel="stylesheet" type="text/css">
<script>
var runestoneMathReady = new Promise((resolve) => window.rsMathReady = resolve);
window.MathJax = {
  "tex": {
    "inlineMath": [
      [
        "\\(",
        "\\)"
      ]
    ],
    "tags": "none",
    "tagSide": "right",
    "tagIndent": ".8em",
    "packages": {
      "[+]": [
        "base",
        "extpfeil",
        "ams",
        "amscd",
        "color",
        "newcommand",
        "knowl"
      ]
    }
  },
  "options": {
    "ignoreHtmlClass": "tex2jax_ignore|ignore-math",
    "processHtmlClass": "process-math"
  },
  "chtml": {
    "scale": 0.98,
    "mtextInheritFont": true
  },
  "loader": {
    "load": [
      "input/asciimath",
      "[tex]/extpfeil",
      "[tex]/amscd",
      "[tex]/color",
      "[tex]/newcommand",
      "[pretext]/mathjaxknowl3.js"
    ],
    "paths": {
      "pretext": "https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/lib"
    }
  },
  "startup": {
    pageReady() {
      return MathJax.startup.defaultPageReady().then(function () {
      console.log("in ready function");
      rsMathReady();
      }
    )}
  }
};
</script><script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script><meta xmlns:xlink="http://www.w3.org/1999/xlink" name="Keywords" content="Authored in PreTeXt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta xmlns:xlink="http://www.w3.org/1999/xlink" property="og:type" content="article">
<script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/lib/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/lib/jquery.sticky.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/lib/jquery.espy.min.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/pretext.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/pretext_add_on.js?x=1"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/user_preferences.js"></script><!--** eBookCongig is necessary to configure interactive       **-->
<!--** Runestone components to run locally in reader's browser **-->
<!--** No external communication:                              **-->
<!--**     log level is 0, Runestone Services are disabled     **-->
<script type="text/javascript">
eBookConfig = {};
eBookConfig.useRunestoneServices = false;
eBookConfig.host = 'http://127.0.0.1:8000';
eBookConfig.course = 'PTX_Course_Title_Here';
eBookConfig.basecourse = 'PTX_Base_Course';
eBookConfig.isLoggedIn = false;
eBookConfig.email = '';
eBookConfig.isInstructor = false;
eBookConfig.logLevel = 0;
eBookConfig.username = '';
eBookConfig.readings = null;
eBookConfig.activities = null;
eBookConfig.downloadsEnabled = false;
eBookConfig.allow_pairs = false;
eBookConfig.enableScratchAC = false;
eBookConfig.build_info = "";
eBookConfig.python3 = null;
eBookConfig.runestone_version = '7.5.15';
eBookConfig.jobehost = '';
eBookConfig.proxyuri_runs = '';
eBookConfig.proxyuri_files = '';
eBookConfig.enable_chatcodes =  false;
</script>
<!--*** Runestone Services ***-->
<script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/prefix-runtime.a0c870bab402ccbf.bundle.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/prefix-723.3e6434f80549315a.bundle.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/prefix-runestone.f6bda0c0ccce4835.bundle.js"></script><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/prefix-723.3bccd435914aa0ff.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/prefix-runestone.97de40e034b535c5.css">
<script xmlns:xlink="http://www.w3.org/1999/xlink" src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/lti_iframe_resizer.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js" integrity="sha512-4xUl/d6D6THrAnXAwGajXkoWaeMNwEKK4iNfq5DotEbLPAfk6FSxSP3ydNxqDgCw1c/0Z1Jg6L8h2j+++9BZmg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="lunr-pretext-search-index.js" async=""></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/pretext_search.js"></script><script src="https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@2.16/dist/_static/pretext/js/lib/knowl.js"></script><!--knowl.js code controls Sage Cells within knowls--><script>sagecellEvalName='Evaluate (Sage)';
</script>
</head>
<body class="pretext article ignore-math">
<a class="assistive" href="#ptx-content">Skip to main content</a><header id="ptx-masthead" class="ptx-masthead"><div class="ptx-banner"><div class="title-container">
<h1 class="heading"><a href="Counting-Colorings-Recursion.html"><span class="title"></span></a></h1>
<p class="byline"></p>
</div></div></header><nav xmlns:xlink="http://www.w3.org/1999/xlink" id="ptx-navbar" class="ptx-navbar navbar"><div class="ptx-navbar-contents">
<button class="toc-toggle button" title="Contents"><span class="icon material-symbols-outlined" aria-hidden="true">&#xe5d2;</span><span class="name">Contents</span></button><div class="searchbox">
<div class="searchwidget"><button id="searchbutton" class="searchbutton button" type="button" title="Search book"><span class="icon material-symbols-outlined" aria-hidden="true">&#xe8b6;</span><span class="name">Search Book</span></button></div>
<div id="searchresultsplaceholder" class="searchresultsplaceholder" style="display: none">
<div class="search-results-controls">
<input aria-label="Search term" id="ptxsearch" class="ptxsearch" type="text" name="terms" placeholder="Search term"><button title="Close search" id="closesearchresults" class="closesearchresults"><span class="material-symbols-outlined">close</span></button>
</div>
<h2 class="search-results-heading">Search Results: </h2>
<div id="searchempty" class="searchempty"><span>No results.</span></div>
<ol id="searchresults" class="searchresults"></ol>
</div>
</div>
<span class="nav-other-controls"><button id="light-dark-button" class="light-dark-button button" title="Dark Mode"><span class="icon material-symbols-outlined" aria-hidden="true">&#xe51c;</span><span class="name">Dark Mode</span></button></span><span class="treebuttons"><span class="previous-button button disabled"><span class="icon material-symbols-outlined" aria-hidden="true">&#xe5cb;</span><span class="name">Prev</span></span><span class="up-button button disabled"><span class="icon material-symbols-outlined" aria-hidden="true">&#xe5ce;</span><span class="name">Up</span></span><span class="next-button button disabled"><span class="name">Next</span><span class="icon material-symbols-outlined" aria-hidden="true">&#xe5cc;</span></span></span>
</div></nav><div xmlns:xlink="http://www.w3.org/1999/xlink" id="latex-macros" class="hidden-content process-math" style="display:none"><span class="process-math">\(\def\thecourse{MATH 228}
\def\theterm{Spring 2024}
\newcommand{\lt}{&lt;}
\newcommand{\gt}{&gt;}
\newcommand{\amp}{&amp;}
\definecolor{fillinmathshade}{gray}{0.9}
\newcommand{\fillinmath}[1]{\mathchoice{\colorbox{fillinmathshade}{$\displaystyle     \phantom{\,#1\,}$}}{\colorbox{fillinmathshade}{$\textstyle        \phantom{\,#1\,}$}}{\colorbox{fillinmathshade}{$\scriptstyle      \phantom{\,#1\,}$}}{\colorbox{fillinmathshade}{$\scriptscriptstyle\phantom{\,#1\,}$}}}
\)</span></div>
<div class="ptx-page">
<div xmlns:xlink="http://www.w3.org/1999/xlink" id="ptx-sidebar" class="ptx-sidebar"><nav id="ptx-toc" class="ptx-toc depth1"><ul class="structural toc-item-list contains-active"><li class="toc-item toc-worksheet"><div class="toc-title-box"><a href="Counting-Colorings-Recursion.html#ws-Counting-Colorings-Recursion" class="internal"><span class="codenumber">1</span> <span class="title">Counting Colorings with Recursion</span></a></div></li></ul></nav></div>
<main class="ptx-main"><div id="ptx-content" class="ptx-content"><section xmlns:xlink="http://www.w3.org/1999/xlink" class="article" id="Counting-Colorings-Recursion"><section class="worksheet" id="ws-Counting-Colorings-Recursion"><h2 class="heading hide-type">
<span class="type">Worksheet</span><span class="space"> </span><span class="codenumber">1</span><span class="space"> </span><span class="title">Counting Colorings with Recursion</span><div class="print-links">
<a href="ws-Counting-Colorings-Recursion-a4.html" class="a4">A4</a><a href="ws-Counting-Colorings-Recursion-letter.html" class="us">US</a>
</div>
</h2>
<section class="onepage" id="ws-Counting-Colorings-Recursion-2"><div class="introduction" id="ws-Counting-Colorings-Recursion-2-1"><div class="para" id="ws-Counting-Colorings-Recursion-2-1-1">Consider two ways to make a graph smaller: you can remove edge <span class="process-math">\(e\)</span> from <span class="process-math">\(G\)</span> (we will call this <span class="process-math">\(G - e\)</span>), or you can <dfn class="terminology">contract</dfn> the edge <span class="process-math">\(e\text{,}\)</span> pulling its endpoints together to form one new vertex and removing <span class="process-math">\(e\)</span> (we will write this <span class="process-math">\(G/e\)</span>).</div></div>
<article class="exercise exercise-like" id="ws-Counting-Colorings-Recursion-2-2"><h3 class="heading"><span class="codenumber">1<span class="period">.</span></span></h3>
<div class="para" id="ws-Counting-Colorings-Recursion-2-2-1-1">To get a feel for these two operations, draw <span class="process-math">\(G-e\)</span> and <span class="process-math">\(G/e\)</span> for three different edges in the graph below.</div> <div class="image-box" style="width: 25%; margin-left: 37.5%; margin-right: 37.5%;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" viewBox="0 0 94 65" role="img" class="contained" aria-label="A labeled graph consisting of a 4-cycle and 3-cycle, sharing an edge"><title>A labeled graph consisting of a 4-cycle and 3-cycle, sharing an edge</title><defs>
<path id="font_1_1_ws-Counting-Colorings-Recursion-2-2-1-2" d="M.49699403 .36437989C.49699403 .44239808 .45199586 .44239808 .44799806 .44239808 .42399598 .44239808 .3959961 .4163971 .3959961 .39038087 .3959961 .3743744 .4039917 .36738587 .41299439 .359375 .43598939 .33937074 .44999696 .3113556 .44999696 .27934266 .44999696 .23332215 .38398744 .018234253 .2689972 .018234253 .22599793 .018234253 .19099427 .041229249 .19099427 .104263309 .19099427 .1592865 .22099304 .23832703 .24499512 .2983551 .25698854 .33036805 .2599945 .33836366 .2599945 .35636903 .2599945 .4104004 .21598816 .44140626 .16999817 .44140626 .070999149 .44140626 .02999878 .300354 .02999878 .28834535 .02999878 .27934266 .036987306 .27534486 .04499817 .27534486 .057998659 .27534486 .05899048 .28134156 .06199646 .29135133 .08799744 .37838746 .1309967 .4133911 .16699219 .4133911 .18199158 .4133911 .19099427 .40438844 .19099427 .38038636 .19099427 .3573761 .18199158 .33436585 .17199707 .3093567 .12298584 .18330384 .11898804 .15028382 .11898804 .119277957 .11898804 .010223389 .20799256-.009765625 .2649994-.009765625 .43099977-.009765625 .49699403 .28834535 .49699403 .36437989Z"></path>
<path id="font_2_1_ws-Counting-Colorings-Recursion-2-2-1-2" d="M.35899354 .6349335C.35899354 .66503909 .35499574 .66503909 .32499696 .66503909 .25898744 .60058596 .15699768 .60058596 .12098694 .60058596V.5615845C.14698792 .5615845 .21299744 .5615845 .272995 .58958438V.08496094C.272995 .051986696 .272995 .038986207 .16999817 .038986207H.1269989V0C.18199158 .0039978029 .2599945 .0039978029 .31599427 .0039978029 .37199403 .0039978029 .44999696 .0039978029 .5049896 0V.038986207H.46199037C.35899354 .038986207 .35899354 .051986696 .35899354 .08496094V.6349335Z"></path>
<path id="font_2_2_ws-Counting-Colorings-Recursion-2-2-1-2" d="M.5379944 .18702698H.5009918C.49899293 .17301941 .4889984 .10699463 .47399903 .09599304 .46699525 .08999634 .38598634 .08999634 .37199403 .08999634H.18499756L.31298829 .19403076C.34700013 .22103882 .43598939 .28504945 .46699525 .31506349 .49699403 .3450775 .5379944 .39608766 .5379944 .46710206 .5379944 .5920563 .4249878 .66503909 .29100038 .66503909 .1619873 .66503909 .07199097 .58006289 .07199097 .48609925 .07199097 .43510438 .114990238 .42910768 .12599182 .42910768 .15098572 .42910768 .17999268 .44709779 .17999268 .48310853 .17999268 .50509646 .16699219 .5371094 .12298584 .5371094 .1459961 .5880585 .20698548 .6260376 .27598573 .6260376 .3809967 .6260376 .43699647 .5480957 .43699647 .46710206 .43699647 .39608766 .3899994 .32305909 .31999208 .25904847L.08299255 .041992189C.07299805 .03199768 .07199097 .0309906 .07199097 0H.5069885L.5379944 .18702698Z"></path>
<path id="font_2_3_ws-Counting-Colorings-Recursion-2-2-1-2" d="M.2939911 .33203126C.3789978 .33203126 .43598939 .274765 .43598939 .17237854 .43598939 .062408449 .36999513 .014511108 .29699708 .014511108 .269989 .014511108 .16699219 .020492554 .12199402 .07836914 .16099549 .0823822 .1769867 .10836792 .1769867 .13537598 .1769867 .16937256 .15299988 .19238281 .11999512 .19238281 .09298706 .19238281 .06298828 .17536927 .06298828 .13337708 .06298828 .034469606 .17298889-.021484375 .2999878-.021484375 .44799806-.021484375 .5469971 .07337952 .5469971 .17237854 .5469971 .24562073 .4909973 .3229828 .37199403 .35302735 .45098878 .37902833 .5149994 .44306947 .5149994 .5251007 .5149994 .60505679 .42099 .66503909 .30099488 .66503909 .18399048 .66503909 .09498596 .61105349 .09498596 .5290985 .09498596 .48609925 .12799073 .47409059 .147995 .47409059 .17399597 .47409059 .20098877 .49209596 .20098877 .5270996 .20098877 .5580902 .1789856 .5760956 .1519928 .5800934 .19898987 .6320343 .2899933 .6320343 .29899598 .6320343 .34999085 .6320343 .4139862 .60806277 .4139862 .5251007 .4139862 .47009278 .3829956 .37402345 .2829895 .36802674 .2649994 .36701966 .23799134 .36502076 .22898865 .36502076 .21899414 .36402894 .20799256 .36302186 .20799256 .34802247 .20799256 .33203126 .21899414 .33203126 .23599243 .33203126H.2939911Z"></path>
<path id="font_2_4_ws-Counting-Colorings-Recursion-2-2-1-2" d="M.56399539 .1640625V.2030487H.44699098V.6448059C.44699098 .6678009 .44699098 .6748047 .42199708 .6748047 .4039917 .6748047 .4019928 .6717987 .3929901 .65979006L.04598999 .2030487V.1640625H.35699464V.08401489C.35699464 .050994874 .35699464 .038986207 .272995 .038986207H.24398804V0C.2639923 .0009918213 .35798646 .0039978029 .4019928 .0039978029 .44599916 .0039978029 .5399933 .0009918213 .55999758 0V.038986207H.5309906C.44699098 .038986207 .44699098 .050994874 .44699098 .08401489V.1640625H.56399539M.3639984 .56585696V.2030487H.08898926L.3639984 .56585696Z"></path>
<path id="font_2_5_ws-Counting-Colorings-Recursion-2-2-1-2" d="M.16999817 .5549774C.20298767 .54599 .23799134 .5419922 .27198792 .5419922 .2939911 .5419922 .34999085 .5419922 .41299439 .5769806 .42999269 .58699038 .49198915 .6279907 .49198915 .6490326 .49198915 .6620331 .48199464 .66503909 .47799684 .66503909 .47499085 .66503909 .47399903 .66503909 .46299745 .661026 .4269867 .6470337 .37599183 .63298037 .31098939 .63298037 .2619934 .63298037 .20799256 .64201357 .16299439 .6590271 .15299988 .6630249 .14898682 .66503909 .14498902 .66503909 .1309967 .66503909 .1309967 .6540375 .1309967 .6380005V.33787538C.1309967 .32086183 .1309967 .30885316 .14898682 .30885316 .1579895 .30885316 .16099549 .31285096 .16799927 .32086183 .19299317 .35289 .23699951 .38693238 .31498719 .38693238 .43798829 .38693238 .43798829 .23677063 .43798829 .20472718 .43798829 .16567993 .43499757 .10961914 .4019928 .068573 .37098695 .030532837 .32499696 .014511108 .28199769 .014511108 .21299744 .014511108 .14399719 .05255127 .11999512 .11061096 .16899109 .11161804 .1749878 .15066529 .1749878 .16267395 .1749878 .18971253 .1539917 .21372986 .12298584 .21372986 .11399841 .21372986 .07199097 .20872498 .07199097 .15867615 .07199097 .0665741 .15899658-.021484375 .2849884-.021484375 .42199708-.021484375 .5379944 .07557678 .5379944 .20072937 .5379944 .31484986 .44599916 .4189453 .31698609 .4189453 .2519989 .4189453 .20199585 .39793397 .16999817 .37091065V.5549774Z"></path>
</defs><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" stroke-width=".3985" stroke-linecap="butt" stroke-miterlimit="10" stroke-linejoin="miter" fill="none" stroke="#000000" d="M0 0 31.89014 21.26009 0 42.5202H-42.5202V0H0V42.5202"></path><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M1.99255 0C1.99255 1.10046 1.10046 1.99255 0 1.99255-1.10046 1.99255-1.99255 1.10046-1.99255 0-1.99255-1.10046-1.10046-1.99255 0-1.99255 1.10046-1.99255 1.99255-1.10046 1.99255 0ZM0 0"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,44.078569,61.84944)"></use><use data-text="1" href="#font_2_1_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,48.202638,62.955495)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M33.88269 21.26009C33.88269 22.36055 32.99062 23.25264 31.89014 23.25264 30.78967 23.25264 29.89758 22.36055 29.89758 21.26009 29.89758 20.1596 30.78967 19.26753 31.89014 19.26753 32.99062 19.26753 33.88269 20.1596 33.88269 21.26009ZM31.89014 21.26009"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,85.158397,33.269014)"></use><use data-text="2" href="#font_2_2_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,89.28246,34.37507)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M1.99255 42.5202C1.99255 43.62067 1.10046 44.51276 0 44.51276-1.10046 44.51276-1.99255 43.62067-1.99255 42.5202-1.99255 41.41972-1.10046 40.52765 0 40.52765 1.10046 40.52765 1.99255 41.41972 1.99255 42.5202ZM0 42.5202"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,44.078569,4.6875879)"></use><use data-text="3" href="#font_2_3_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,48.202638,5.79364)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M-40.52765 42.5202C-40.52765 43.62067-41.41972 44.51276-42.5202 44.51276-43.62067 44.51276-44.51276 43.62067-44.51276 42.5202-44.51276 41.41972-43.62067 40.52765-42.5202 40.52765-41.41972 40.52765-40.52765 41.41972-40.52765 42.5202ZM-42.5202 42.5202"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,1.5517273,4.6875879)"></use><use data-text="4" href="#font_2_4_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,5.6757967,5.79364)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M-40.52765 0C-40.52765 1.10046-41.41972 1.99255-42.5202 1.99255-43.62067 1.99255-44.51276 1.10046-44.51276 0-44.51276-1.10046-43.62067-1.99255-42.5202-1.99255-41.41972-1.99255-40.52765-1.10046-40.52765 0ZM-42.5202 0"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,1.5517273,61.84944)"></use><use data-text="5" href="#font_2_5_ws-Counting-Colorings-Recursion-2-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,5.6757967,62.955495)"></use></svg></div>
<div class="workspace" data-space="1in"></div></article><article class="exercise exercise-like" id="ws-Counting-Colorings-Recursion-2-3"><h3 class="heading"><span class="codenumber">2<span class="period">.</span></span></h3>
<div class="para" id="ws-Counting-Colorings-Recursion-2-3-1-1">For a fixed value of <span class="process-math">\(k\text{,}\)</span> which is larger: <span class="process-math">\(P(G,k)\)</span> or <span class="process-math">\(P(G-e,k)\text{?}\)</span> How does <span class="process-math">\(P(G/e,k)\)</span> compare with <span class="process-math">\(P(G,k)\text{?}\)</span>
</div>
<div class="workspace" data-space=".5in"></div></article><article class="exercise exercise-like" id="ws-Counting-Colorings-Recursion-2-4"><h3 class="heading"><span class="codenumber">3<span class="period">.</span></span></h3>
<div class="para" id="ws-Counting-Colorings-Recursion-2-4-1-1">Prove that for any fixed edge <span class="process-math">\(e\text{,}\)</span> <span class="process-math">\(P(G-e,k) = P(G,k) + P(G/e,k).\)</span>
</div>
<div class="workspace" data-space="1in"></div></article><article class="exercise exercise-like" id="ws-Counting-Colorings-Recursion-2-5"><h3 class="heading"><span class="codenumber">4<span class="period">.</span></span></h3>
<div class="para" id="ws-Counting-Colorings-Recursion-2-5-1">We can rearrange this to be a useful recurrence: <span class="process-math">\(P(G,k) = P(G-e,k) - P(G/e,k)\text{.}\)</span> Use this to find <span class="process-math">\(P(C_4,k)\)</span> and then <span class="process-math">\(P(C_5,k)\text{.}\)</span>
</div>
<div class="workspace" data-space="1.5in"></div></article></section><section class="onepage" id="ws-Counting-Colorings-Recursion-3"><article class="exercise exercise-like" id="ws-Counting-Colorings-Recursion-3-1"><h3 class="heading"><span class="codenumber">5<span class="period">.</span></span></h3>
<div class="para" id="ws-Counting-Colorings-Recursion-3-1-1-1">Prove that <span class="process-math">\(P(C_n, k) = (k-1)^n + (-1)^n(k-1)\)</span> for <span class="process-math">\(n \ge 3\text{.}\)</span>  (What proof technique would be useful here, given that we have a recurrence relation?)</div>
<div class="workspace" data-space="3in"></div></article><article class="exercise exercise-like" id="ws-Counting-Colorings-Recursion-3-2"><h3 class="heading"><span class="codenumber">6<span class="period">.</span></span></h3>
<div class="para" id="ws-Counting-Colorings-Recursion-3-2-1-1">Use the recurrence relation (which is called the <em class="emphasis">deletion/contraction recurrence</em>) to find the <span class="process-math">\(P(G, k)\)</span> for our first graph:</div> <div class="image-box" style="width: 25%; margin-left: 37.5%; margin-right: 37.5%;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" viewBox="0 0 94 65" role="img" class="contained" aria-label="A labeled graph consisting of a 4-cycle and 3-cycle, sharing an edge"><title>A labeled graph consisting of a 4-cycle and 3-cycle, sharing an edge</title><defs>
<path id="font_1_1_ws-Counting-Colorings-Recursion-3-2-1-2" d="M.49699403 .36437989C.49699403 .44239808 .45199586 .44239808 .44799806 .44239808 .42399598 .44239808 .3959961 .4163971 .3959961 .39038087 .3959961 .3743744 .4039917 .36738587 .41299439 .359375 .43598939 .33937074 .44999696 .3113556 .44999696 .27934266 .44999696 .23332215 .38398744 .018234253 .2689972 .018234253 .22599793 .018234253 .19099427 .041229249 .19099427 .104263309 .19099427 .1592865 .22099304 .23832703 .24499512 .2983551 .25698854 .33036805 .2599945 .33836366 .2599945 .35636903 .2599945 .4104004 .21598816 .44140626 .16999817 .44140626 .070999149 .44140626 .02999878 .300354 .02999878 .28834535 .02999878 .27934266 .036987306 .27534486 .04499817 .27534486 .057998659 .27534486 .05899048 .28134156 .06199646 .29135133 .08799744 .37838746 .1309967 .4133911 .16699219 .4133911 .18199158 .4133911 .19099427 .40438844 .19099427 .38038636 .19099427 .3573761 .18199158 .33436585 .17199707 .3093567 .12298584 .18330384 .11898804 .15028382 .11898804 .119277957 .11898804 .010223389 .20799256-.009765625 .2649994-.009765625 .43099977-.009765625 .49699403 .28834535 .49699403 .36437989Z"></path>
<path id="font_2_1_ws-Counting-Colorings-Recursion-3-2-1-2" d="M.35899354 .6349335C.35899354 .66503909 .35499574 .66503909 .32499696 .66503909 .25898744 .60058596 .15699768 .60058596 .12098694 .60058596V.5615845C.14698792 .5615845 .21299744 .5615845 .272995 .58958438V.08496094C.272995 .051986696 .272995 .038986207 .16999817 .038986207H.1269989V0C.18199158 .0039978029 .2599945 .0039978029 .31599427 .0039978029 .37199403 .0039978029 .44999696 .0039978029 .5049896 0V.038986207H.46199037C.35899354 .038986207 .35899354 .051986696 .35899354 .08496094V.6349335Z"></path>
<path id="font_2_2_ws-Counting-Colorings-Recursion-3-2-1-2" d="M.5379944 .18702698H.5009918C.49899293 .17301941 .4889984 .10699463 .47399903 .09599304 .46699525 .08999634 .38598634 .08999634 .37199403 .08999634H.18499756L.31298829 .19403076C.34700013 .22103882 .43598939 .28504945 .46699525 .31506349 .49699403 .3450775 .5379944 .39608766 .5379944 .46710206 .5379944 .5920563 .4249878 .66503909 .29100038 .66503909 .1619873 .66503909 .07199097 .58006289 .07199097 .48609925 .07199097 .43510438 .114990238 .42910768 .12599182 .42910768 .15098572 .42910768 .17999268 .44709779 .17999268 .48310853 .17999268 .50509646 .16699219 .5371094 .12298584 .5371094 .1459961 .5880585 .20698548 .6260376 .27598573 .6260376 .3809967 .6260376 .43699647 .5480957 .43699647 .46710206 .43699647 .39608766 .3899994 .32305909 .31999208 .25904847L.08299255 .041992189C.07299805 .03199768 .07199097 .0309906 .07199097 0H.5069885L.5379944 .18702698Z"></path>
<path id="font_2_3_ws-Counting-Colorings-Recursion-3-2-1-2" d="M.2939911 .33203126C.3789978 .33203126 .43598939 .274765 .43598939 .17237854 .43598939 .062408449 .36999513 .014511108 .29699708 .014511108 .269989 .014511108 .16699219 .020492554 .12199402 .07836914 .16099549 .0823822 .1769867 .10836792 .1769867 .13537598 .1769867 .16937256 .15299988 .19238281 .11999512 .19238281 .09298706 .19238281 .06298828 .17536927 .06298828 .13337708 .06298828 .034469606 .17298889-.021484375 .2999878-.021484375 .44799806-.021484375 .5469971 .07337952 .5469971 .17237854 .5469971 .24562073 .4909973 .3229828 .37199403 .35302735 .45098878 .37902833 .5149994 .44306947 .5149994 .5251007 .5149994 .60505679 .42099 .66503909 .30099488 .66503909 .18399048 .66503909 .09498596 .61105349 .09498596 .5290985 .09498596 .48609925 .12799073 .47409059 .147995 .47409059 .17399597 .47409059 .20098877 .49209596 .20098877 .5270996 .20098877 .5580902 .1789856 .5760956 .1519928 .5800934 .19898987 .6320343 .2899933 .6320343 .29899598 .6320343 .34999085 .6320343 .4139862 .60806277 .4139862 .5251007 .4139862 .47009278 .3829956 .37402345 .2829895 .36802674 .2649994 .36701966 .23799134 .36502076 .22898865 .36502076 .21899414 .36402894 .20799256 .36302186 .20799256 .34802247 .20799256 .33203126 .21899414 .33203126 .23599243 .33203126H.2939911Z"></path>
<path id="font_2_4_ws-Counting-Colorings-Recursion-3-2-1-2" d="M.56399539 .1640625V.2030487H.44699098V.6448059C.44699098 .6678009 .44699098 .6748047 .42199708 .6748047 .4039917 .6748047 .4019928 .6717987 .3929901 .65979006L.04598999 .2030487V.1640625H.35699464V.08401489C.35699464 .050994874 .35699464 .038986207 .272995 .038986207H.24398804V0C.2639923 .0009918213 .35798646 .0039978029 .4019928 .0039978029 .44599916 .0039978029 .5399933 .0009918213 .55999758 0V.038986207H.5309906C.44699098 .038986207 .44699098 .050994874 .44699098 .08401489V.1640625H.56399539M.3639984 .56585696V.2030487H.08898926L.3639984 .56585696Z"></path>
<path id="font_2_5_ws-Counting-Colorings-Recursion-3-2-1-2" d="M.16999817 .5549774C.20298767 .54599 .23799134 .5419922 .27198792 .5419922 .2939911 .5419922 .34999085 .5419922 .41299439 .5769806 .42999269 .58699038 .49198915 .6279907 .49198915 .6490326 .49198915 .6620331 .48199464 .66503909 .47799684 .66503909 .47499085 .66503909 .47399903 .66503909 .46299745 .661026 .4269867 .6470337 .37599183 .63298037 .31098939 .63298037 .2619934 .63298037 .20799256 .64201357 .16299439 .6590271 .15299988 .6630249 .14898682 .66503909 .14498902 .66503909 .1309967 .66503909 .1309967 .6540375 .1309967 .6380005V.33787538C.1309967 .32086183 .1309967 .30885316 .14898682 .30885316 .1579895 .30885316 .16099549 .31285096 .16799927 .32086183 .19299317 .35289 .23699951 .38693238 .31498719 .38693238 .43798829 .38693238 .43798829 .23677063 .43798829 .20472718 .43798829 .16567993 .43499757 .10961914 .4019928 .068573 .37098695 .030532837 .32499696 .014511108 .28199769 .014511108 .21299744 .014511108 .14399719 .05255127 .11999512 .11061096 .16899109 .11161804 .1749878 .15066529 .1749878 .16267395 .1749878 .18971253 .1539917 .21372986 .12298584 .21372986 .11399841 .21372986 .07199097 .20872498 .07199097 .15867615 .07199097 .0665741 .15899658-.021484375 .2849884-.021484375 .42199708-.021484375 .5379944 .07557678 .5379944 .20072937 .5379944 .31484986 .44599916 .4189453 .31698609 .4189453 .2519989 .4189453 .20199585 .39793397 .16999817 .37091065V.5549774Z"></path>
</defs><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" stroke-width=".3985" stroke-linecap="butt" stroke-miterlimit="10" stroke-linejoin="miter" fill="none" stroke="#000000" d="M0 0 31.89014 21.26009 0 42.5202H-42.5202V0H0V42.5202"></path><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M1.99255 0C1.99255 1.10046 1.10046 1.99255 0 1.99255-1.10046 1.99255-1.99255 1.10046-1.99255 0-1.99255-1.10046-1.10046-1.99255 0-1.99255 1.10046-1.99255 1.99255-1.10046 1.99255 0ZM0 0"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,44.078569,61.84944)"></use><use data-text="1" href="#font_2_1_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,48.202638,62.955495)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M33.88269 21.26009C33.88269 22.36055 32.99062 23.25264 31.89014 23.25264 30.78967 23.25264 29.89758 22.36055 29.89758 21.26009 29.89758 20.1596 30.78967 19.26753 31.89014 19.26753 32.99062 19.26753 33.88269 20.1596 33.88269 21.26009ZM31.89014 21.26009"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,85.158397,33.269014)"></use><use data-text="2" href="#font_2_2_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,89.28246,34.37507)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M1.99255 42.5202C1.99255 43.62067 1.10046 44.51276 0 44.51276-1.10046 44.51276-1.99255 43.62067-1.99255 42.5202-1.99255 41.41972-1.10046 40.52765 0 40.52765 1.10046 40.52765 1.99255 41.41972 1.99255 42.5202ZM0 42.5202"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,44.078569,4.6875879)"></use><use data-text="3" href="#font_2_3_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,48.202638,5.79364)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M-40.52765 42.5202C-40.52765 43.62067-41.41972 44.51276-42.5202 44.51276-43.62067 44.51276-44.51276 43.62067-44.51276 42.5202-44.51276 41.41972-43.62067 40.52765-42.5202 40.52765-41.41972 40.52765-40.52765 41.41972-40.52765 42.5202ZM-42.5202 42.5202"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,1.5517273,4.6875879)"></use><use data-text="4" href="#font_2_4_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,5.6757967,5.79364)"></use><path transform="matrix(1.00002,0,0,-1.00005,48.215654,53.370019)" d="M-40.52765 0C-40.52765 1.10046-41.41972 1.99255-42.5202 1.99255-43.62067 1.99255-44.51276 1.10046-44.51276 0-44.51276-1.10046-43.62067-1.99255-42.5202-1.99255-41.41972-1.99255-40.52765-1.10046-40.52765 0ZM-42.5202 0"></path><use data-text="v" href="#font_1_1_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(7.9702599,0,0,-7.970498,1.5517273,61.84944)"></use><use data-text="5" href="#font_2_5_ws-Counting-Colorings-Recursion-3-2-1-2" transform="matrix(5.97772,0,0,-5.9778988,5.6757967,62.955495)"></use></svg></div>
<div class="workspace" data-space="2in"></div></article></section></section></section></div>
<div class="ptx-content-footer">
<span class="previous-button button disabled"><span xmlns:xlink="http://www.w3.org/1999/xlink" class="icon material-symbols-outlined" aria-hidden="true">&#xe5cb;</span><span class="name">Prev</span></span><a class="top-button button" href="#" title="Top"><span xmlns:xlink="http://www.w3.org/1999/xlink" class="icon material-symbols-outlined" aria-hidden="true">&#xe5ce;</span><span class="name">Top</span></a><span class="next-button button disabled"><span class="name">Next</span><span xmlns:xlink="http://www.w3.org/1999/xlink" class="icon material-symbols-outlined" aria-hidden="true">&#xe5cc;</span></span>
</div></main>
</div>
<div id="ptx-page-footer" class="ptx-page-footer">
<a xmlns:xlink="http://www.w3.org/1999/xlink" class="pretext-link" href="https://pretextbook.org" title="PreTeXt"><div class="logo"><svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="338 3000 8772 6866" role="img"><title>PreTeXt logo</title><g style="stroke-width:.025in; stroke:currentColor; fill:none"><polyline points="472,3590 472,9732 " style="stroke-width:174; stroke-linejoin:miter; stroke-linecap:round; "></polyline><path style="stroke-width:126;stroke-linecap:butt;" d="M 4724,9448 A 4660 4660  0  0  1  8598  9259"></path><path style="stroke-width:174;stroke-linecap:butt;" d="M 4488,9685 A 4228 4228  0  0  0   472  9732"></path><path style="stroke-width:126;stroke-linecap:butt;" d="M 4724,3590 A 4241 4241  0  0  1  8598  3496"></path><path style="stroke-width:126;stroke-linecap:round;" d="M 850,3496  A 4241 4241  0  0  1  4724  3590"></path><path style="stroke-width:126;stroke-linecap:round;" d="M 850,9259  A 4507 4507  0  0  1  4724  9448"></path><polyline points="5385,4299 4062,8125" style="stroke-width:300; stroke-linejoin:miter; stroke-linecap:round;"></polyline><polyline points="8598,3496 8598,9259" style="stroke-width:126; stroke-linejoin:miter; stroke-linecap:round;"></polyline><polyline points="850,3496 850,9259" style="stroke-width:126; stroke-linejoin:miter; stroke-linecap:round;"></polyline><polyline points="4960,9685 4488,9685" style="stroke-width:174; stroke-linejoin:miter; stroke-linecap:round;"></polyline><polyline points="3070,4582 1889,6141 3070,7700" style="stroke-width:300; stroke-linejoin:miter; stroke-linecap:round;"></polyline><polyline points="6418,4582 7600,6141 6418,7700" style="stroke-width:300; stroke-linejoin:miter; stroke-linecap:round;"></polyline><polyline points="8976,3590 8976,9732" style="stroke-width:174; stroke-linejoin:miter; stroke-linecap:round;"></polyline><path style="stroke-width:174;stroke-linecap:butt;" d="M 4960,9685 A 4228 4228  0  0  1  8976  9732"></path></g></svg></div></a><a xmlns:xlink="http://www.w3.org/1999/xlink" class="runestone-link" href="https://runestone.academy" title="Runestone Academy"><img class="logo" src="https://runestone.academy/runestone/static/images/RAIcon_cropped.png" alt="Runstone Academy logo"></a><a xmlns:xlink="http://www.w3.org/1999/xlink" class="mathjax-link" href="https://www.mathjax.org" title="MathJax"><img class="logo" src="https://www.mathjax.org/badge/badge-square-2.png" alt="MathJax logo"></a>
</div>
</body>
</html>

dbrace · ‎04-14-2025

Thank you for clarifying, @OscarLevin, and for the examples.

Based on what...

@Gabriel33 said
@Gabriel33 linked to from a few days at Re: Issue displaying HTML file in Modules – Blank ... - Instructure Community - 639683
@chriscas said as a reply at the link above (please see the screenshot)

... there is nothing that we are able to do (even though it was previously working, it was technically not supported) and you would need to report this to Canvas Support.

-Doug

OscarLevin · ‎04-15-2025

Thanks for taking the time to reply. Apparently Canvas Support is only available for "special" universities. I understand that this is a community supported forum, but if anyone who works for Instructure is reading this, If the issue cannot be resolved, then I will have to work with my administration to push us toward a LMS that actually cares about students with disabilities.

chriscas · ‎04-16-2025

Hi @OscarLevin,

Just wanted to chime in quickly, though I know you may not necessarily like my comment. I think Instructure actually does care quite a bit about accessibility... I don't think they are perfect by any means, but they are pretty responsive to most accessibility issues (I say most, because there are some things like this where you're really operating in a kind of unsupported gray area). I suspect two possible reasons for the change in behavior with html in files would be security and accessibility.

The Canvas RCE does actually support and use MathJax as far as I know. With that being said, you are right in that there is an allowed list of elements that can be used in the RCE, likely again to try to help with accessibility, compatibility among devices/browsers, and to improve data security. So you won't be able to add your own scripted actions in the RCE, but it should definitely be able create and display accessible equations with compatible browsers.

If you'd like to work in raw html, I honestly think you'd be better off using another environment to create/host that content and then link to it from Canvas. This approach would have it's own issues, like access controls, so I realize it's not just a plug-and-play kind of thing.

If you could change your approach and work within the RCEs limits, I think that really would be best for students. Again, I realize there are limitations to what you can do with the RCE, but ultimately that's really the most officially supported way to provide web content in Canvas. Even if html is files does start working with your content again, it definitely seems like a gray area and something that will probably change again in the future and cause more frustration. This is just my personal opinion as a Canvas admin (I'm not an Instructure employee, developer or anything), so take it for what it's worth.

-Chris

OscarLevin · ‎04-18-2025

Thanks @chriscas for your thoughtful reply. I definitely understand where you are coming from, and a fair amount of my frustration is the result of spending a couple of weeks getting a solution to work only to have it removed almost immediately (which of course is just coincidental bad timing).

I still hope that the developers at Canvas can try to address this. Security is often cited as a reason to limit this, but I don't buy that. You can now (thankfully) embed html content in an iframe inside the RCE and this works great if you have the material hosted elsewhere. You can use a SCORM archive to upload html with a manifest file and that is also presented through an iframe. So it would be easy for Canvas to display uploaded HTML by loading the uploaded file in an iframe in their viewer. That solves the security concerns.

I also get that Canvas has a vested interest in encouraging instructors to use their RCE so lock down the content to their system. The more time and effort instructors spend rewriting all their materials in the proprietary system, the less likely they are to be willing to switch to a different LMS. I hope that the Canvas team will demonstrate my cynicism is not well founded though.

Oh, and letting instructors upload html rather than link to it would help with accessibility a lot: Canvas can then check the file for accessibility, which it does not do with externally hosted, iframed content.

mmforbes · ‎09-01-2025

Hi Everyone,

This issue might become a major point: we (a large university) are struggling with accessibility issues generally, and MyST MD via JupyterBook looks to be one of the best paths forward to managing accessible technical documentation (esp. mathematics). In the past I could easily upload the generated HTML for solutions etc. and - except for some issues with large embedded files - this has always worked. Now I find it is broken. We need this fixed, so I will work with our support team to contact Canvas Support.

Note: generating such documentation is quite involved, and the RCE is nowhere even close to sufficient for these purposes (the documents are fully executable, with code generating all figures etc.). I will report back if I hear anything new.

Gabriel33 · ‎04-15-2025

Interesting that most of it works (including the svg images), just not the equations.

It looks like  and $$ aren't working either for me, though I did get the Canvas RCE auto generated code to work (with a small font size quirk), which is like:

Note that the important part for the latex generation is the src, and that needs to be unfortunately encoded. Most of the remaining attributes can be dropped and the code still works, but an alt text may be required for accessibility.

That is, I replaced, for example,

<span class="process-math">\(P(C_n, k) = (k-1)^n + (-1)^n(k-1)\)</span>

with

<img class="equation_image" src="/equation_images/P(C_n,k)=(k-1)%255En+(-1)%255En(k-1)?scale=1"/>

to obtain

Given that there's no guarantee that this will stay working, I'm not sure if it's worth going this route and changing all your files like this, but it is one option (and perhaps playing around with some configuration to make the equations not look like they're floating).

Alternatively, if other faculty also use that type of javascript, is it possible for an admin to add it to the Canvas site?

mmforbes · ‎09-09-2025

Thanks for @OscarLevin pointing out that, if you use SCORM to upload your HTML as a page, then Canvas does not sandbox the code and Javascript works as expected, including MathJaX etc. All you need to do is to create a manifest file and a zipfile with your contents (see the examples linked on the SCORM site) and you can upload and view it as a page in your course. This is quite trivial once you have a manifest as an example.

Uploaded HTML files no longer show mathjax (or any javascript)

Instructional Designer

Instructor

Lab Instructions: Building Microservices and a CI/...

Imported(?) assignment due dates changing when pub...

How to have 6 Mastery Levels when your Account is ...

Weighted grade books and transfer students' grades

Grades Disappearing from Rubric in SpeedGrader

Lab Instructions: Building Microservices and a CI/...

Notification of student replies to comments

Imported(?) assignment due dates changing when pub...

Rich Content Editor: Formatters Applied Over Block...

Globally hiding course setting

You're signed out

Uploaded HTML files no longer show mathjax (or any javascript)

Community help

View our top guides and resources: