Skip to content

A simple block to insert code into the new WordPress editor: Gutenberg

License

Notifications You must be signed in to change notification settings

tricarte/simple-code-block

 
 

Repository files navigation

=== Simple Code Block ===
Contributors: sumapress, pablocianes
Donate link: https://pablocianes.com/
Tags: gutenberg, code, syntax highlighting, ace, php, block
Requires at least: 4.6
Tested up to: 5.1
Stable tag: trunk
Requires PHP: 5.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

A simple block to insert code into Gutenberg.

== 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](https://ace.c9.io/): 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

== Installation ==

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.

== Frequently Asked Questions ==

= 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.

== Screenshots ==

1. Backend configuration view.
2. Frontend view.

== Changelog ==

= 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.

== Upgrade Notice ==

= 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.

== Feedback and support ==

I would be happy to receive your feedback to improve this plugin.
Please let me know through [support forums](https://wordpress.org/support/plugin/simple-code-block) if you like it and please be sure to [leave a review.](https://wordpress.org/support/plugin/simple-code-block/reviews/#new-post).

Also you can contact me on my personal page [Pablo Cianes](https://pablocianes.com/) or even visit [Github of Simple Code Block](https://github.com/PCianes/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!

About

A simple block to insert code into the new WordPress editor: Gutenberg

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 57.4%
  • JavaScript 41.9%
  • CSS 0.7%