Simple Code Block
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!
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.