diff --git a/community/www/courses/topic.html b/community/www/courses/topic.html
index f13edb66..b527a444 100644
--- a/community/www/courses/topic.html
+++ b/community/www/courses/topic.html
@@ -5,6 +5,15 @@
 	<meta name="keywords" content="course {{course.title}} {{topic.title}}" />
 	<style>
 	</style>
+
+<link rel="stylesheet" href="{{ livecode_url }}/static/codemirror/lib/codemirror.css">
+
+<script src="{{ livecode_url }}/static/codemirror/lib/codemirror.js"></script>
+<script src="{{ livecode_url }}/static/codemirror/mode/python/python.js"></script>
+<script src="{{ livecode_url }}/static/codemirror/keymap/sublime.js"></script>
+
+<script src="{{ livecode_url }}/static/codemirror/addon/edit/matchbrackets.js"></script>
+<script src="{{ livecode_url }}/static/codemirror/addon/comment/comment.js"></script>
 {% endblock %}
 
 {% block content %}
@@ -73,7 +82,8 @@
       $(".canvas-editor").each((i, e) => {
         var editor = new LiveCodeEditor(e, {
           runtime: "python-canvas",
-          base_url: "{{ livecode_url }}"
+          base_url: "{{ livecode_url }}",
+          codemirror: true
         })
       })
     })