Copy Indented Code Blocks

An Obsidian plugin that lets you copy indented code blocks as if they're not indented, letting you fold code blocks in lists while preserving their intended structure.

Why I made this

In Obsidian, when you copy a code block that has leading indentation, the copied content will include that indentation. This can be annoying when you want to paste the code elsewhere, like into a command line. (No one likes deleting leading spaces inside a terminal command.)

Most of the time, the answer is to just not indent code blocks, but what if you want to be able to fold the entire code block nicely inside a list?

I couldn't find any other plugins that simply excluded the code block's indentation from the copying functionality, so I made one.

How it works

🔴🔴(note: see the section on indented code blocks at the end)🔴🔴

When you copy a code block using the built-in copy functionality (clicking on the text or icon in the top right corner of your code block), this plugin will:

• Automatically detect the indentation level of the code block
• From your clipboard content, remove exactly that amount of leading whitespace from each line
• Preserve all other relative indentation within the code

It works with:

• Any indentation style (spaces or tabs)
• Code blocks bounded by more than 3 backticks (should work anywhere you can natively copy a code block)
  • Code blocks with other code blocks nested in them (although, per default Obsidian functionality you'll only be able to copy the whole containing block)

I hope this adds some ease to the document organization you want!

Example

Before (indented code block):

• A list item*

    ```javascript
    function hello() {
        console.log("Hello, world!");
    }
    ```

What you'll paste in default Obsidian:

    function hello() {
        console.log("Hello, world!");
    }

What you'll paste with this plugin:

function hello() {
    console.log("Hello, world!");
}

🔴QUICK NOTE ABOUT INDENTED CODE BLOCKS:

Indented code blocks only seem to render as such when directly underneath a list item (bullet, checkbox, number). If simply indented, they won't. For example:

Normal code block:

Text

foo

Indented code block:

...even with text directly above it (yes, even indented text) bar (it looks a bit different on Obsidian - here on Gthub, it doesn't even want to line break.)

Indented code block right after a list item:

• List item

  foo bar
  

Numbers and checkboxes work too. In fact, it even seems to work even if there are blank empty unindented newlines between the list item and the indented code block. (Since folding code blocks inside lists is the use case I needed this for, I love that this native Obsidian functionality makes it even more flexible for that.)

Installation

From GitHub

1. Either download the latest release, or extract the dist folder contents
2. Put main.js and manifest.json in an .obsidian/plugins/copy-indented-code-blocks/ directory in your vault
3. Reload Obsidian
4. Enable "Copy Indented Code Blocks" in Settings > Community plugins

Via the BRAT plugin

Copy this repo's URL into the plugin and enjoy!

Building from Source

npm install
npm run build

The built files will be in the dist/ folder.