Download (Free) or Contribute!

Manueloccorso/NotionMathEditor_BrowserExtension

Installing

<aside> 💡 The extension is not in the Chrome Web Store yet, you'll need to download and install it manually!

</aside>

1. Clone the Repo from GitHub (clone the master branch for a stable version!)
2. Extract the .zip file into a folder easy to remember
3. Go to your Extension Setting in Chrome or the new Edge
4. Click on "Developer Mode" to enable unpacked extensions
5. Click on "Load Unpacked" and select the "src" folder (inside the folder you extracted from the .zip file)
6. Done! Go to a Notion Page with some math blocks to try it out!

Problems?

<aside> 💡 Comment here to ask for help

</aside>

Features

• Open the extension with Alt + Shift + M

• Edit Code in the current Notion Page
  • The Math Blocks are automatically loaded from the current page inside the the Extension
  • Better editing experience than the one provided in Notion
    • Integrated CodeMirror editor.
      • Possibility to use tabs and new lines to indent code.
      • Bigger edit area (and scrollable).
      • Other useful code editing features (colour formatting, etc..).
  • Direct rendering of the formula inside the Extension

• Quickly write new code to test it or use it in a new block
  • This space is cleaned whenever you close the extension popup.

• Store codes from the page, quick codes or just new codes into the extension, . (A lot of new features coming based on stored codes!)
  • Give a name and tags to stored codes.
  • Use \NameOfAStoredCode to quickly insert its code into any other code.
  • Divide the stored codes by category.
  • Search for stored codes by names.
• The code you edit in the extension is automatically copied to clipboard, so that you can paste it wherever you want in the Notion page or even outside. DEPRECATED: It made impossible to copy and paste only pieces of codes.

Next Features

• [x] Give a name to stored codes.
• [x] Store code blocks for easy access to frequently used code
  • [x] Use \NameOfAStoredCode to quickly insert its code into any other code.
• [ ] Automatically update in Notion the codes you edit in the extension (API needed)
• [ ] Customization Options
  • [x] Light Theme
  • [ ] Customizable Themes

Proposed by users

<aside> 💡 Comment this block with your suggestion

</aside>

Small Hints on Features

Experiments Page

Page for Experiments