Skip to content

WordPress plugin that adds the beautiful code editor from carbon.now.sh to the block editor.

Notifications You must be signed in to change notification settings

epiqueras/carbon-code

Repository files navigation

Carbon Code

Carbon Code Icon

The easiest way to create beautiful images of code comes to

Gutenberg, the WordPress block editor!


Carbon Code Banner

How To

  • Add a "Carbon Code" Block to your post.
  • Write your code directly in the editor, copy/paste, or even drag a file into it.
  • Use the toolbar to customize the syntax highlighting theme, background color/image, window effects/paddings, fonts, and even upload your own. Then save your customizations as a preset.
  • Brace for awesomeness!
  • Your preview or published post will render your customized block with a handy copy to clipboard button.

Screenshots

Carbon Code Block with customizer open. Carbon Code Block with background picker open. Published Carbon Code Block.

Thanks

To everyone who worked on Carbon, which this project forked.

About

WordPress plugin that adds the beautiful code editor from carbon.now.sh to the block editor.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published