https://github.com/epiqueras/carbon-code

WordPress plugin that adds the beautiful code editor from carbon.now.sh to the block editor.
https://github.com/epiqueras/carbon-code

gutenberg gutenberg-blocks gutenberg-code-block gutenberg-plugin

Last synced: 9 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/epiqueras/carbon-code
• Owner: epiqueras
• Created: 2019-06-21T22:53:52.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T07:18:32.000Z (over 3 years ago)
• Last Synced: 2025-10-10T05:06:18.153Z (9 months ago)
• Topics: gutenberg, gutenberg-blocks, gutenberg-code-block, gutenberg-plugin
• Language: JavaScript
• Size: 2.02 MB
• Stars: 10
• Watchers: 0
• Forks: 2
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# Carbon Code



#### The easiest way to create beautiful images of code comes to

#### Gutenberg, the WordPress block editor!

---

![Carbon Code Banner](https://github.com/epiqueras/carbon-code/raw/master/assets/banner-1544x500.png '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.](https://github.com/epiqueras/carbon-code/raw/master/assets/screenshot-1.png 'Carbon Code Block with customizer open.')

![Carbon Code Block with background picker open.](https://github.com/epiqueras/carbon-code/raw/master/assets/screenshot-2.png 'Carbon Code Block with background picker open.')

![Published Carbon Code Block.](https://github.com/epiqueras/carbon-code/raw/master/assets/screenshot-3.png 'Published Carbon Code Block.')

## Thanks

To everyone who worked on [Carbon](https://github.com/dawnlabs/carbon), which this project forked.