joplin-plugin-better-code-blocks's Introduction

Better Code Blocks

Joplin plugin that enhances code blocks with inline rendering, autocompletion, and more

Features • Screenshots • Download • Settings • Credits • License

Features

Renders code blocks inline with Minimal or Standard styles
Adds copy button for inline code blocks
Autocompletes code blocks on Enter
Changes Select All to select the current code block

Screenshots

Download

Search for Better Code Blocks in the Joplin settings under the Plugins section.

Settings

Setting	Options	Description
Autocompletion	`Enabled`, `Disabled`	Enables/disables automatic completion of code blocks when `Enter` is pressed
Rendering	`Enabled`, `Disabled`	Enables/disables rendering of code blocks
Behavior of `Select All` inside code block	`Enabled`, `Disabled`	Changes the behavior of `Select All` while the cursor is inside code blocks
Render layout	`Minimal`, `Standard`	Changes the layout of rendered code blocks
Corner style	`Square`, `Round`	Changes the border style of rendered code blocks
Excluded languages	`(comma-separated list)`	Disables rendering of code blocks for specific languages
Copy button behavior	`Copy code`, `Copy code and fences`	Controls what's copied when the `Copy Code` button is clicked

Credits

License

joplin-plugin-better-code-blocks's People

Contributors

Stargazers

Watchers

joplin-plugin-better-code-blocks's Issues

Copy Code icon in editor AND preview view

Hi Chris,
thanks a lot for this plugin, I like it very much!

One idea to make it even better:
I only see the "copy code" icon in the "editor view".
All other "copy code plugins" show it only in the "preview view".

Would be great to have it in both views! :-)

How do you think about this idea?

Have a great day ahead! 😄

Add copy button for inline code

I will often have a single line of code that I'd like to be able to click to copy, but I don't want to have a full triple backtick code fence. So it would be great to have a copy icon appear when I hover over an inline (single back tick) code snippet.