Canvas Markdown

Adds a markdown editor to Canvas

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey, Greasemonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey to install this script.

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

ผู้เขียน
theusaf
จำนวนติดตั้งประจำวัน
0
จำนวนติดตั้งทั้งหมด
23
คะแนน
0 0 0
เวอร์ชัน
3.0.2
สร้างเมื่อ
17-01-2023
อัปเดตเมื่อ
27-01-2024
Size
41.5 กิโลไบต์
สัญญาอนุญาต
MIT
ปรับใช้กับ
ไซต์ทั้งหมด

Canvas Markdown

This userscript allows you to write your Canvas assignments and pages in Markdown.

Installation

To install this user script, you will need a userscript manager, such as Tampermonkey.

  • You can install this script from Greasy Fork.
  • You can also install this directly from GitHub.

Usage

Whenever a Canvas text field is detected, a couple of buttons will be placed next to the HTML editor button.

Clicking on the Markdown button (M🠗) will open the Markdown editor. Click it again to close the editor.

The editor has two modes: Pretty and raw.

  • Pretty mode uses CodeMirror to provide syntax highlighting and line numbers. However, it disables spellcheck and auto-complete.
  • Raw mode is a plain text area with spellcheck and auto-complete enabled.

There is also a settings button (M⚙) that allows you to customize the styles of certain elements in the output. These settings are saved in your browser's local storage.

You can also download the settings as a JSON file and upload them again on another device or browser.

Features

  • Markdown editor (duh)
  • Syntax highlighting
  • Code blocks (with syntax highlighting for many languages)
  • Customizable styles

Things to Note

This user script stores the Markdown source embedded in the HTML value for the assignment as a comment. Changes made to the assignment in the Canvas UI will not be reflected in the Markdown source. Switching back to the Markdown editor will overwrite the HTML value with the Markdown source.

Dependencies

This user script relies on third-party libraries to function. These libraries are imported during runtime from the following sources: (See the /lib directory for more information)