Vicky Agravat

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 <a href="https://codemirror.net/" rel="nofollow ugc">CodeMirror</a> 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
<ul>
<li>Control Panel Added on top of the Code Block. 
** It displays language/filename. 
** It also display three buttons, includes Run/Execute, FullScreen, Copy Code.</li>
<li>Web editor (Execution of HTML, CSS JavaScript block) With CodeMirror Block 1.1</li>
<li>Option Page for set default options</li>
<li>Highlight Active Line (now available on CodeMirror Block 1.1)</li>
<li>CodeMirror Block 1.1 now support Block align (Wide Width, Full Width) if your theme Supports.</li>
<li>
Classic Editor Support (Partial)
</li>
<li>
Lightweight and fast
</li>
<li>Secure code with using clear coding standards</li>
<li>Intuitive interface with many settings</li>
<li>Cross browser compatible (work smooth in any modern browser)</li>
<li>Works also on android mobile browser</li>
<li>Compatible with all Default WordPress themes (tested with Latest Twenty Twenty-Four)
<ul>
<li>Twenty Twenty-Four</li>
<li>Twenty Twenty-Three</li>
<li>Twenty Twenty-Two</li>
<li>Twenty Twenty-One</li>
<li>Twenty Twenty</li>
</ul>
</li>
<li>Also Compatible with other third-party themes.</li>
</ul>
Key features include
<ul>
<li>Code syntax highlighting</li>
<li>Line number (On/Off) option</li>
<li>56 Themes (all provided themes from CodeMirror)</li>
<li>100+ Programming languages (all most provided languages from CodeMirror)</li>
<li>Programming language selection option</li>
<li>Loading CodeMirror files on pages only when needed</li>
</ul>
A list of supported themes:
<ul>
<li>3024 day</li>
<li>3024 night</li>
<li>Ambiance mobile</li>
<li>Ambiance</li>
<li>Base16 dark</li>
<li>Base16 light</li>
<li>Blackboard</li>
<li>Cobalt</li>
<li>Colorforth</li>
<li>Eclipse</li>
<li>Elegant</li>
<li>Erlang dark</li>
<li>Lesser dark</li>
<li>Liquibyte</li>
<li>MBO</li>
<li>MDN-like</li>
<li>Midnight</li>
<li>Monokai</li>
<li>Neat</li>
<li>Neo</li>
<li>Night</li>
<li>Paraiso dark</li>
<li>Paraiso light</li>
<li>Pastel on dark</li>
<li>Rubyblue</li>
<li>Reactjs.org Theme</li>
<li>Solarized</li>
<li>The matrix</li>
<li>Tomorrow night bright</li>
<li>Tomorrow night eighties</li>
<li>TTCN</li>
<li>Twilight</li>
<li>Vibrant ink</li>
<li>XQ dark</li>
<li>XQ light</li>
<li>Zenburn</li>
</ul>
<h3>Credits</h3>
<ul>
<li>This Plugin use CodeMirror library to highlight <code>Code Blocks</code>. <a href="https://codemirror.net/" rel="nofollow ugc">CodeMirror</a> is an open-source project shared under the <a href="https://codemirror.net/LICENSE" rel="nofollow ugc">MIT license</a>.</li>
</ul>

CodeMirror Blocks

Thanks for creating this great tool. It solves my problem. It works as you have described. I love the preview running option. Great work. Keep rocking, brother. 

Perfect Syntax Highliter with Preview Mode

Top great work!


Good plugin, thanks for sharing. I have question I know you removed the run/execute button for HTML, CSS and JavaScript due to security issue XSS. but are you willing to add again after fixing it maybe?


Good plugin

CodeMirror Blocks is useful for tutorial site where display formatted (highlighted) code block. With support of 100+ Language/Mode and 56 Themes.

Rupok

Codetic

Add custom script to header and footer through WordPress Customizer. Edit your scripts with CodeMirror editor within Customizer. You can place any custom JavaScript, Google Analytics or embed script. Extremely helpful if you need to place any custom javascript or jQuery code to header or footer. This plugin gives you the ability to place different scripts to header or footer separately. Uses Customizer so you can edit the code live and see the changes on the fly.
Features:
<ul>
<li>CodeMirror Editor</li>
<li>Ability to add custom scripts to wp header.</li>
<li>Ability to add custom scripts to wp footer.</li>
<li>Ability to add multiple scripts.</li>
<li>Ability to add Google Alalytics code.</li>
<li>Ability to add any embed code.</li>
</ul>
Check my free WordPress Theme <a href="https://wordpress.org/themes/flexia/" rel="ugc">Flexia</a>, one theme to rule them all.
Check my other plugins:
<a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a> – Most popular Elementor extensions with 1 Million+ active users in the WordPress repository. 
<a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a> – Best documentation & knowledge base plugin for WordPress to help you reduce support tickets 
<a href="https://wordpress.org/plugins/betterlinks/" rel="ugc">BetterLinks</a> – Latest best WordPress link management plugin for link shortening, tracking & analyzing. 
<a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a> – Best Social Proof & FOMO Marketing Solution 
<a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">SchedulePress</a> – Complete solution for WordPress Post Scheduling to manage schedules through an editorial calendar. 
<a href="https://wordpress.org/plugins/embedpress/" rel="ugc">EmbedPress</a>– Embed videos, images, posts, audio, maps and upload PDF, DOC, PPT & all other types of content into your WordPress site with one-click and showcase it beautifully for the visitors. 
<a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a> Ultimate Template clouds with 1800+ ready templates for Elementor & Gutenberg along with FREE cloud collaboration with your team.

Custom Header Footer Scripts for Customizer


The Custom Header Footer Scripts for Customizer plugin is an absolute gem in the world of WordPress! It does exactly what it promises—no extra fluff or hidden fees, just straightforward functionality. You get "Header Scripts" and "Footer Scripts" sections added right into the Customizer, complete with live updates.



It integrates smoothly into WordPress, making it feel like a core feature rather than an add-on. You won't find yourself sifting through complicated menus or tutorials; it’s all pretty intuitive. If you’ve ever struggled with monstrous plugins, this one will feel like a sweet relief.



Kudos to the developers for hitting the nail on the head! It’s such a handy tool, and it feels great knowing there’s a straightforward solution out there that doesn’t come with a side of stress. Highly recommend giving this little treasure a go!


Minimal, plug-and-play plugin that simply does what it says

Add custom script to header and footer through WordPress Customizer. Edit your scripts with CodeMirror editor within Customizer.

CodeMirror Blocks vs Custom Header Footer Scripts for Customizer