CodeMirror 6 Theme for Joplin

Enhanced editor styling and productivity features for Joplin notes. Support English and Chinese language.


!alt text
!alt text
!alt text

Features

$3

Adds background color and custom text color to inline code blocks for better visibility.

$3

Apply custom colors to hyperlinks and URLs throughout your notes.

$3

Full support for GitHub-style alert syntax in the editor:
- > [!NOTE] - Blue info box
- > [!TIP] - Green tip box
- > [!IMPORTANT] - Purple important box
- > [!WARNING] - Orange warning box
- > [!CAUTION] - Red caution box

$3

Improved visual hierarchy for Markdown headings (h1-h6) with custom font sizes, weights, and divider lines.

$3

Refined appearance for standard blockquote elements.

$3

Quick keyboard shortcuts for toggling heading levels:
- Ctrl+1 through Ctrl+6 - Toggle H1-H6 headings
- Press once to add heading markers
- Press again on the same level to remove them
- Works on the current line where your cursor is positioned

$3

Quick keyboard shortcut for adding inline math notation:
- Ctrl+$ - Toggle $ symbols around selected text for inline math (LaTeX)
- Select any text and press Ctrl+$ to wrap it with $...$
- Press again to remove the math notation

$3

Comprehensive table editing features accessible from the editor:
- Ctrl+Shift+F - Format table
- Ctrl+Enter - Add row below
- Ctrl+Tab - Add column right
- Access more table operations from the toolbar (right-click > Table Editing Tools)
- Tools include row/column insertion, deletion, moving, and text alignment

Configuration

All features can be toggled in Settings → CodeMirror 6 Theme:

Feature Toggles
- Enable inline code styling
- Enable link color customization
- Enable GitHub Alerts
- Enable heading styles
- Enable blockquote styling

Color Customization
- Inline code color (hex format, default: #d63200)
- Link color (hex format, default: #d63200)

Keyboard Shortcuts (可在设置中自定义)
- Heading shortcuts: Ctrl+1 through Ctrl+6
- Math inline notation: Ctrl+$ (default)
- Table formatting: Ctrl+Shift+F
- Table row insertion: Ctrl+Enter
- Table column insertion: Ctrl+Tab

Installation

1. Download the latest .jpl file from releases
2. In Joplin, go to Settings → Plugins
3. Click the gear icon and select "Install from file"
4. Choose the downloaded .jpl file
5. Restart Joplin

Quick Start

$3

1. Position cursor on any line
2. Press Ctrl+1 to Ctrl+6 to toggle heading levels
3. Press the same shortcut again to remove the heading

$3

1. Select any text
2. Press Ctrl+$ to wrap it with $ symbols
3. Press Ctrl+$ again to remove the notation

$3

1. Right-click in the editor → "📋 Table Editing Tools..."
2. A toolbar appears at the bottom with table operations
3. Click the ✕ button to close the toolbar
4. Use keyboard shortcuts:
- Ctrl+Shift+F - Format table
- Ctrl+Enter - Add row below
- Ctrl+Tab - Add column right

Development

Build the plugin:
``bash
npm install
npm run dist
`

The plugin package will be generated in the publish/` directory.

For more development information, see GENERATOR_DOC.md

TODO

- 把指定笔记的.md源文件和该笔记的附件导出到同一个指定目录，确保附件的文件内超链接也被同步更新，以便于在外部编辑器直接查看。支持多选笔记，多选笔记时将有两种行为：所有笔记源文件和附件都导入同一目录\以文件夹为单位导出各笔记，保留Front Matter，这个行为将存在一个可配置选项，可以在插件设置中更改。

- 【无法实现】列表的行溢出缩进应与当前层级缩进一致，并提供配置项

License

MIT