CodeMirror Blocks is useful for tutorial site where display formatted (highlighted) code block. With support of 100+ Language/Mode and 56 Themes.
CodeMirror Blocks is useful for developers blog, tutorial site where to display formatted (highlighted) code of any program.
It supports 100+ Programming, Scripting and MarkUp Language, with 56 Different Themes.
The Code Block is dependent on a CodeMirror library.
Formatted Code Block is like (syntax highlighting feature) that displays source code, in different colors and fonts according to the category of terms. It is one strategy to improve the readability and context of the text; especially for code that spans several pages. The reader can easily ignore large sections of comments or code, depending on what they are looking for.
This plugin is just plug and play, no tedious configurations or hacks, just install, activate and start using block inserter.
Features
Classic Editor Support (Partial)
Lightweight and fast
Key features include
A list of supported themes:
Code Blocks
. CodeMirror is an open-source project shared under the MIT license.Install “CodeMirror Blocks” just as you would any other WordPress Plugin.
Automatically via WordPress Admin Area:
Plugins
-> Add New
.Plugins
tab.Manually via FTP access:
/wp-content/plugins/
).Plugins
tab.Yes, Now it supports classic editor. So, works with tinyMCE editor. But it not support live syntax highlighting.
Yes, But if you want get live syntax highlighting, you have to install and activate Gutenberg, or Update your WordPress to latest version with built-in Block Editor.
A. Adding Code Block
is same as inserting other Blocks.
Posts
-> Add New
.Blocks
to Insert.Code Block
.Code Block
to insert in Post.A. Just select your Language / Mode
from Select Dropdown.
A. Just select your Theme
from Select Dropdown.
A. Just click toggle button to (On/Off) it.
A. Just click toggle button to (On/Off) it.
A. Just click toggle button to (On/Off) it.
A. Absolutely not. This plugin can be configured with no knowledge of HTML or CSS, using an easy-to-use Block. But you have to know about copy paste code on CodeMirror Block
, and select proper Language/Mode and Theme.
A. This plugin can not cause such problem. More likely, the problem are related to the settings of the website. It could just be a cache, so please try to clear your website’s cache (may be you using a caching plugin, or some web service such as the CloudFlare) and then the cache of your web browser. Also please try to re-login to the website, this too can help.
Three Buttons
1. Run/Execute Button Requested
1. Full Screen Button
1. Copy Code Button Requested
* Added: Enable Code Block on Home page Requested
* Fix: Codeblock Display Issue
wpcm_editor_loaded
and wpcm_editors_loaded