Simple Code Block

Plugin Banner

Simple Code Block

by pablocianes

Download
Description

A simple block to the new WordPress editor Gutenberg to insert and show code with Ace Editor.

Now is very easy to share code in your own web with Gutenberg and this simple code block with the power of Ace: the successor of the Mozilla Skywriter (Bespin) project.

Ace is an embeddable code editor written in JavaScript with the features and performance of native editors such as Sublime, Vim and TextMate.

For each block you can choose many languages and styles:

  • Lot of languages avalaibles: html, php, css, javascript, python,…
  • Syntax highlighting with more than 20 themes to choose.
  • Other options to select the font size of the code and lines to show without scroll.

What You See in the backend with Gutenberg editor Is What You Get! and the plugin only enqueue the selected assets to highlighting your code with your own selected options.

1.1.0

  • Add option: show copy button
  • Add option: show or hide lines numbers
  • Improve Safari Browser compatibility
  • Add Bash/Shell language

1.2.0

  • Allow working without use of <?php tag
  • Improve WPO with better enqueue

Feedback and support

I would be happy to receive your feedback to improve this plugin.
Please let me know through support forums if you like it and please be sure to leave a review..

Also you can contact me on my personal page Pablo Cianes or even visit Github of Simple Code Block where you can find all the development code of this plugin.

I hope it is useful for you and look forward to reading your reviews! 😉 Thanks!

  1. Upload simple-code-block.php to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Search into post the blue block ACE Code Editor into Formatting category.
  1. Backend configuration view.

    Backend configuration view.

  2. Frontend view.

    Frontend view.

What can I do with this plugin?

You can create very easily a dynamic block into Gutenberg to write your own code to share in your web.

How do I setup this plugin?

Just insert it like others blocks this blue block ACE Code Editor into Formatting category.
You can change the language of your code and also the styles very easly and dynamic.

Excellent Plugin

By jasonhenning on February 25, 2020

Sooooo much better than the default code block. It's great for lists too. For instance, I've used it for the ingredient list for recipes. Makes it really easy to c/p into a .txt for a grocery list.

Much needed plugin

By Kuba Mikita (Kubitomakita) on December 15, 2019

Simple, Gutenberg enabled and good looking code blocks.

Perfect

By Jan-Willem (janw.oostendorp) on October 10, 2019

Does what it should

Works as advised

By Ruben Garcia (rubengc) on September 5, 2019

Simple yet powerful block for everyone who wants a code block Thanks!

Works as intended

By Jeroen Rotty (jeroenrotty) on August 12, 2019

Thanks! It works flawless. A nice extra feature with be a 'copy' button to copy the content to the clipboard, as lots of my snippets can be used directly. Thanks again.

Fantastic!!

By darkpollo on August 1, 2019

Does what it say and it does it right.

Really work in blocks!

By johnnyfreezed on May 14, 2019

Thx a lot! There is many languages and themes to use. Very cool!

Instant Problem Solved

By Jon Griffith (arretx) on March 10, 2019

Thanks! Worked like a charm. Can't seem to figure out how to customize anything on it, but it solved the annoying code block problem my theme created.

Very Useful

By vnyz on December 8, 2018

Very useful for gutenberg editor. Please add more language.

1.2.2

  • Fix bug on previous minor version

1.2.1

  • Allow enqueue assets on archive pages

1.2.0

  • Allow working without use of <?php tag
  • Improve WPO with better enqueue

1.1.0

  • Add option: show copy button
  • Add option: show or hide lines numbers
  • Improve Safari Browser compatibility
  • Add Bash/Shell language

1.0.3

  • Add C languages
  • Compatible with WP5.2

1.0.2

  • Add Lua language
  • Compatible with WP5.1

1.0.1

  • Compatible with WP5.0

1.0.0

  • First publicly available version.
Back to top