{"id":7731,"date":"2025-03-12T09:52:04","date_gmt":"2025-03-12T09:52:04","guid":{"rendered":"https:\/\/s-o-s.net\/codemirror-blocks\/"},"modified":"2025-03-12T09:52:04","modified_gmt":"2025-03-12T09:52:04","slug":"codemirror-blocks","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/codemirror-blocks\/","title":{"rendered":"CodeMirror Blocks"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-95337\" class=\"alignwide post-95337 plugin type-plugin status-publish hentry plugin_section-blocks plugin_tags-codemirror plugin_tags-editor plugin_tags-gutenberg plugin_tags-syntax-highlighter plugin_category-editor-and-writing plugin_contributors-vickyagravat plugin_committers-vickyagravat\">\n<div class=\"plugin-banner\" id=\"plugin-banner-wp-codemirror-block\"><\/div>\n<header class=\"plugin-header\">\n<div class=\"entry-heading-container\">\n<div>\n<div class=\"entry-thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" class=\"plugin-icon\" src=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/icon-256x256.png?rev=2001365\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">CodeMirror Blocks<\/h1>\n<p>\t\t\t\t\t<span class=\"byline\">By <span class=\"author vcard\"><a target=\"_blank\" class=\"url fn n\" href=\"https:\/\/profiles.wordpress.org\/vickyagravat\/\" rel=\"noopener\">Vicky Agravat<\/a><\/span><\/span>\n\t\t\t\t<\/div>\n<\/p><\/div>\n<div class=\"plugin-actions\">\n<div class=\"wp-block-button is-small plugin-download download-button\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/wp-codemirror-block.2.0.3.zip\" rel=\"noopener\">Download<\/a><\/div>\n<div class=\"wp-block-button is-small is-style-outline plugin-preview download-button is-style-outline--9\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/wp-codemirror-block\/?preview=1\" rel=\"noopener\">Live Preview<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- .entry-header --><\/p>\n<p>\t<span id=\"description\"><\/span><br \/>\n\t<span id=\"reviews\"><\/span><br \/>\n\t<span id=\"installation\"><\/span><br \/>\n\t<span id=\"developers\"><\/span><br \/>\n\t<span id=\"advanced\" class=\"\"><\/span><br \/>\n\t<span id=\"section-links\"><\/p>\n<ul class=\"tabs clear\">\n<li id=\"tablink-description\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-codemirror-block\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-codemirror-block\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-installation\">\n\t\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-codemirror-block\/#installation\" rel=\"noopener\">Installation<\/a>\n\t\t\t<\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-codemirror-block\/#developers\" rel=\"noopener\">Development<\/a><\/li>\n<\/ul>\n<div id=\"link-support\">\n\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/wp-codemirror-block\/\" rel=\"noopener\">Support<\/a>\n\t\t<\/div>\n<p>\t<\/span><br \/>\n\t<script type=\"text\/javascript\">if ( '#changelog' == window.location.hash ) { window.setTimeout( function() { window.location.hash=\"#developers\"; }, 10 ); }<\/script><\/p>\n<div class=\"entry-content\">\n<div id=\"tab-description\" class=\"plugin-description section\">\n<h2 id=\"description-header\">Description<\/h2>\n<p>CodeMirror Blocks is useful for developers blog, tutorial site where to display formatted (highlighted) code of any program.<br \/>\nIt supports 100+ Programming, Scripting and MarkUp Language, with 56 Different Themes.<\/p>\n<p>The Code Block is dependent on a <a target=\"_blank\" href=\"https:\/\/codemirror.net\/\" rel=\"nofollow ugc noopener\">CodeMirror<\/a> library.<\/p>\n<p>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.<\/p>\n<p>This plugin is just plug and play, no tedious configurations or hacks, just install, activate and start using block inserter.<\/p>\n<p><strong>Features<\/strong><\/p>\n<ul>\n<li>Control Panel Added on top of the Code Block.<br \/>\n** It displays language\/filename.<br \/>\n** It also display three buttons, includes Run\/Execute, FullScreen, Copy Code.<\/li>\n<li>Web editor (Execution of HTML, CSS JavaScript block) With CodeMirror Block 1.1<\/li>\n<li>Option Page for set default options<\/li>\n<li>Highlight Active Line (now available on CodeMirror Block 1.1)<\/li>\n<li>CodeMirror Block 1.1 now support Block align (Wide Width, Full Width) if your theme Supports.<\/li>\n<li>\n<p>Classic Editor Support (Partial)<\/p>\n<\/li>\n<li>\n<p>Lightweight and fast<\/p>\n<\/li>\n<li>Secure code with using clear coding standards<\/li>\n<li>Intuitive interface with many settings<\/li>\n<li>Cross browser compatible (work smooth in any modern browser)<\/li>\n<li>Works also on android mobile browser<\/li>\n<li>Compatible with all Default WordPress themes (tested with Latest Twenty Twenty-Four)\n<ul>\n<li>Twenty Twenty-Four<\/li>\n<li>Twenty Twenty-Three<\/li>\n<li>Twenty Twenty-Two<\/li>\n<li>Twenty Twenty-One<\/li>\n<li>Twenty Twenty<\/li>\n<\/ul>\n<\/li>\n<li>Also Compatible with other third-party themes.<\/li>\n<\/ul>\n<p><strong>Key features include<\/strong><\/p>\n<ul>\n<li>Code syntax highlighting<\/li>\n<li>Line number (On\/Off) option<\/li>\n<li>56 Themes (all provided themes from CodeMirror)<\/li>\n<li>100+ Programming languages (all most provided languages from CodeMirror)<\/li>\n<li>Programming language selection option<\/li>\n<li>Loading CodeMirror files on pages only when needed<\/li>\n<\/ul>\n<p><strong>A list of supported themes:<\/strong><\/p>\n<ul>\n<li>3024 day<\/li>\n<li>3024 night<\/li>\n<li>Ambiance mobile<\/li>\n<li>Ambiance<\/li>\n<li>Base16 dark<\/li>\n<li>Base16 light<\/li>\n<li>Blackboard<\/li>\n<li>Cobalt<\/li>\n<li>Colorforth<\/li>\n<li>Eclipse<\/li>\n<li>Elegant<\/li>\n<li>Erlang dark<\/li>\n<li>Lesser dark<\/li>\n<li>Liquibyte<\/li>\n<li>MBO<\/li>\n<li>MDN-like<\/li>\n<li>Midnight<\/li>\n<li>Monokai<\/li>\n<li>Neat<\/li>\n<li>Neo<\/li>\n<li>Night<\/li>\n<li>Paraiso dark<\/li>\n<li>Paraiso light<\/li>\n<li>Pastel on dark<\/li>\n<li>Rubyblue<\/li>\n<li>Reactjs.org Theme<\/li>\n<li>Solarized<\/li>\n<li>The matrix<\/li>\n<li>Tomorrow night bright<\/li>\n<li>Tomorrow night eighties<\/li>\n<li>TTCN<\/li>\n<li>Twilight<\/li>\n<li>Vibrant ink<\/li>\n<li>XQ dark<\/li>\n<li>XQ light<\/li>\n<li>Zenburn<\/li>\n<\/ul>\n<h3>Credits<\/h3>\n<ul>\n<li>This Plugin use CodeMirror library to highlight <code>Code Blocks<\/code>. <a target=\"_blank\" href=\"https:\/\/codemirror.net\/\" rel=\"nofollow ugc noopener\">CodeMirror<\/a> is an open-source project shared under the <a target=\"_blank\" href=\"https:\/\/codemirror.net\/LICENSE\" rel=\"nofollow ugc noopener\">MIT license<\/a>.<\/li>\n<\/ul>\n<\/div>\n<div id=\"screenshots\" class=\"plugin-screenshots section\">\n<h2 id=\"screenshots-header\">Screenshots<\/h2>\n<ul class=\"plugin-screenshots\">\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-1.png?rev=2043058\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-1.png?rev=2043058\" alt=\"\"><\/a><figcaption>How to Add CodeBlock (Block Editor).<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-2.png?rev=2043058\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-2.png?rev=2043058\" alt=\"\"><\/a><figcaption>Paste <code>CODE<\/code> and Select appropriate Language to highlight <code>CODE<\/code> (Block Editor).<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-3.png?rev=2043058\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-3.png?rev=2043058\" alt=\"\"><\/a><figcaption>Change Theme from 50+ different themes, with live Preview (Block Editor).<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-4.png?rev=2043058\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/screenshot-4.png?rev=2043058\" alt=\"\"><\/a><figcaption>Toggle Line Number with one click (Block Editor).<\/figcaption><\/figure>\n<\/li>\n<\/ul>\n<\/div>\n<div id=\"blocks\" class=\"plugin-blocks section\">\n<h2 id=\"blocks-header\">Blocks<\/h2>\n<p>This plugin provides 1 block.<\/p>\n<ul class=\"plugin-blocks-list\">\n<li class=\"plugin-blocks-list-item has-description\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-media-code\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Codemirror Block<\/span><br \/>\n\t\t\t\t\t\t\t\t\t<span class=\"block-description\">CodeMirror Block, It gives you more flexibility to Display formatted Program Code.<br \/>\n\t\t\t\t\t\t\t<\/span><\/li>\n<\/ul>\n<\/div>\n<div id=\"tab-installation\" class=\"plugin-installation section\">\n<h2 id=\"installation-header\">Installation<\/h2>\n<p>Install \u201cCodeMirror Blocks\u201d just as you would any other WordPress Plugin.<\/p>\n<p>Automatically via WordPress Admin Area:<\/p>\n<ol>\n<li>Log in to Admin Area of your WordPress website.<\/li>\n<li>Go to <code>Plugins<\/code> -&gt; <code>Add New<\/code>.<\/li>\n<li>Find this plugin and click install.<\/li>\n<li>Activate this plugin through the <code>Plugins<\/code> tab.<\/li>\n<\/ol>\n<p>Manually via FTP access:<\/p>\n<ol>\n<li>Download a copy (ZIP file) of this plugin from WordPress.org.<\/li>\n<li>Unzip the ZIP file.<\/li>\n<li>Upload the unzipped catalog to your website\u2019s plugin directory (<code>\/wp-content\/plugins\/<\/code>).<\/li>\n<li>Log in to Admin Area of your WordPress website.<\/li>\n<li>Activate this plugin through the <code>Plugins<\/code> tab.<\/li>\n<\/ol>\n<p><a target=\"_blank\" href=\"https:\/\/codex.wordpress.org\/Managing_Plugins#Installing_Plugins\" title=\"WordPress Codex: Installing Plugins\" rel=\"nofollow ugc noopener\">More help installing plugins<\/a><\/p>\n<\/div>\n<div id=\"faq\" class=\"plugin-faq section\">\n<h2 id=\"faq-header\">FAQ<\/h2>\n<dl>\n<dt id=\"q.%20it%20supports%20classic%20editor%3F\">\n<h3>Q. It Supports Classic Editor?<\/h3>\n<\/dt>\n<dd>\n<p>Yes, Now it supports classic editor. So, works with tinyMCE editor. But it not support live syntax highlighting.<\/p>\n<\/dd>\n<dt id=\"q.%20it%20is%20run%20without%20gutenberg%3F\">\n<h3>Q. It is Run without Gutenberg?<\/h3>\n<\/dt>\n<dd>\n<p>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.<\/p>\n<\/dd>\n<dt id=\"q.%20how%20to%20insert%20code%20block%20in%20post%3F\">\n<h3>Q. How to insert Code Block in Post?<\/h3>\n<\/dt>\n<dd>\n<p>A. Adding <code>Code Block<\/code> is same as inserting other Blocks.<\/p>\n<ol>\n<li>Log in to Admin Area of your WordPress website.<\/li>\n<li>Go to <code>Posts<\/code> -&gt; <code>Add New<\/code>.<\/li>\n<li>Click The + button. it display all available <code>Blocks<\/code> to Insert.<\/li>\n<li>Find or Search <code>Code Block<\/code>.<\/li>\n<li>Click <code>Code Block<\/code> to insert in Post.<\/li>\n<\/ol>\n<\/dd>\n<dt id=\"q.%20how%20to%20change%20language%20%2F%20mode%20of%20code%20block%3F\">\n<h3>Q. How to change Language \/ Mode of Code Block?<\/h3>\n<\/dt>\n<dd>\n<p>A. Just select your <code>Language \/ Mode<\/code> from Select Dropdown.<\/p>\n<\/dd>\n<dt id=\"q.%20how%20to%20change%20color%20theme%20of%20code%20block%3F\">\n<h3>Q. How to change color Theme of Code Block?<\/h3>\n<\/dt>\n<dd>\n<p>A. Just select your <code>Theme<\/code> from Select Dropdown.<\/p>\n<\/dd>\n<dt id=\"q.%20how%20to%20enable%20or%20disable%20line%20numbers%3F\">\n<h3>Q. How to enable or disable Line Numbers?<\/h3>\n<\/dt>\n<dd>\n<p>A. Just click toggle button to (On\/Off) it.<\/p>\n<\/dd>\n<dt id=\"q.%20how%20to%20enable%20or%20disable%20highlight%20active%20line%3F\">\n<h3>Q. How to enable or disable Highlight Active Line?<\/h3>\n<\/dt>\n<dd>\n<p>A. Just click toggle button to (On\/Off) it.<\/p>\n<\/dd>\n<dt id=\"q.%20how%20to%20enable%20or%20disable%20warp%20long%20line%3F\">\n<h3>Q. How to enable or disable Warp Long Line?<\/h3>\n<\/dt>\n<dd>\n<p>A. Just click toggle button to (On\/Off) it.<\/p>\n<\/dd>\n<dt id=\"q.%20does%20this%20require%20any%20knowledge%20of%20html%20or%20css%3F\">\n<h3>Q. Does this require any knowledge of HTML or CSS?<\/h3>\n<\/dt>\n<dd>\n<p>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 <code>CodeMirror Block<\/code>, and select proper Language\/Mode and Theme.<\/p>\n<\/dd>\n<dt id=\"q.%20the%20last%20wordpress%20update%20is%20preventing%20me%20from%20editing%20my%20website%20that%20is%20using%20this%20plugin.%20why%20is%20this%3F\">\n<h3>Q. The last WordPress update is preventing me from editing my website that is using this plugin. Why is this?<\/h3>\n<\/dt>\n<dd>\n<p>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\u2019s 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.<\/p>\n<\/dd>\n<\/dl>\n<\/div>\n<div id=\"tab-reviews\" class=\"plugin-reviews section\">\n<h2 id=\"reviews-header\">Reviews<\/h2>\n<div class=\"plugin-reviews\">\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/20996754f98dbc7ded9c00db327099340af78cc9e613604bb541a789ea4ac587?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/20996754f98dbc7ded9c00db327099340af78cc9e613604bb541a789ea4ac587?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/good-plugin-7061\/\" rel=\"noopener\">Good plugin<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/davidjackson5\/\" title=\"Posts by davidjackson5\" rel=\"author noopener\">davidjackson5<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">February 16, 2025<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">A good block plugin.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/b4d129b6bb48acb4a2f7048f6d6c37cfab39597d8bc42f2e99b5615c2e0a160a?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/b4d129b6bb48acb4a2f7048f6d6c37cfab39597d8bc42f2e99b5615c2e0a160a?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/good-plugin-6999\/\" rel=\"noopener\">Good plugin<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/amrelarabi\/\" title=\"Posts by Amr Abdelkarem\" rel=\"author noopener\">Amr Abdelkarem<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">December 2, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">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?<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/a5c09622e56c69c9aeba370c7da3e0768ccbefd69e4efcf6daa28c9aec37a1ef?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/a5c09622e56c69c9aeba370c7da3e0768ccbefd69e4efcf6daa28c9aec37a1ef?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/fantastic-plugin-1981\/\" rel=\"noopener\">Fantastic Plugin<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/linuxbeast\/\" title=\"Posts by linuxbeast\" rel=\"author noopener\">linuxbeast<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">June 8, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">1 reply<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Awesome code mirror blocks with syntax highlighting. Perfect for adding code snippets. Highly recommended!<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/df4f53943eedebce55d851275f7eb0d896c717a1de403e5bca1ba8699bdbaf50?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/df4f53943eedebce55d851275f7eb0d896c717a1de403e5bca1ba8699bdbaf50?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/good-plugin-for-code-block\/\" rel=\"noopener\">Good plugin for code block<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/pcskull\/\" title=\"Posts by pcskull\" rel=\"author noopener\">pcskull<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">April 10, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Good plugin for code block<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/3f91c3c138609fd5a152f7b4bf846ec445af12fde2d173c1f714de17b8537129?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/3f91c3c138609fd5a152f7b4bf846ec445af12fde2d173c1f714de17b8537129?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/top-great-work\/\" rel=\"noopener\">Top great work!<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/minimamente\/\" title=\"Posts by minimamente\" rel=\"author noopener\">minimamente<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">April 9, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Top great work!<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/fa13dbf11a90b48be54afed737812c9c5340fe37187176d5740f9dc0d59cd505?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/fa13dbf11a90b48be54afed737812c9c5340fe37187176d5740f9dc0d59cd505?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/very-usefull-499\/\" rel=\"noopener\">Very usefull<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/bertrandroussel\/\" title=\"Posts by bertrandroussel\" rel=\"author noopener\">bertrandroussel<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">April 18, 2023<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">This plugin is very usefull to have a blog about computing development.<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/wp-codemirror-block\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 42 reviews\t\t<\/a><\/div>\n<div id=\"tab-developers\" class=\"plugin-developers section\">\n<h2 id=\"developers-header\">Contributors &amp; Developers<\/h2>\n<div class=\"plugin-contributors\">\n<p>\u201cCodeMirror Blocks\u201d is open source software. The following people have contributed to this plugin.<\/p>\n<p><span class=\"screen-reader-text\">Contributors<\/span><\/p>\n<ul id=\"contributors-list\" class=\"contributors-list\">\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/984cb1194f50df11c15870fbdb7c61c8f0f1d7b144725954b1b444455a79143f?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/984cb1194f50df11c15870fbdb7c61c8f0f1d7b144725954b1b444455a79143f?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/vickyagravat\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tVicky Agravat\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p>\u201cCodeMirror Blocks\u201d has been translated into 2 locales. Thank you to <a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/wp-codemirror-block\/contributors\" rel=\"noopener\">the translators<\/a> for their contributions.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/wp-codemirror-block\" rel=\"noopener\">Translate \u201cCodeMirror Blocks\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/wp-codemirror-block\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/wp-codemirror-block\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/wp-codemirror-block\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/wp-codemirror-block\/?limit=100&amp;mode=stop_on_copy&amp;format=rss\" rel=\"noopener\" class=\"broken_link\">RSS<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"tab-changelog\" class=\"plugin-changelog section\">\n<h2 id=\"changelog-header\">Changelog<\/h2>\n<h4>2.0.3<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/adding-additional-css-classes-breaks-the-code\/\" rel=\"ugc noopener\">Adding ADDITIONAL CSS CLASS(ES) breaks the code<\/a><\/li>\n<li>Fix: Extra line at the end of the code.<\/li>\n<\/ul>\n<h4>2.0.2<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/everything-is-duplicated\" rel=\"ugc noopener\">Everything is duplicated<\/a> code block rendered twice bug.<\/li>\n<\/ul>\n<h4>2.0.1<\/h4>\n<ul>\n<li>Fix: Minor bug<\/li>\n<\/ul>\n<h4>2.0.0<\/h4>\n<ul>\n<li>Fix: Cross-Site Scripting issue. See it on <a target=\"_blank\" href=\"https:\/\/github.com\/advisories\/GHSA-f949-cfvp-v3rg\" rel=\"nofollow ugc noopener\">GitHub Advisory<\/a> or <a target=\"_blank\" href=\"https:\/\/www.wordfence.com\/threat-intel\/vulnerabilities\/id\/52569aac-1e9e-40fb-9ff4-5eeb7940375d?source=cve\" rel=\"nofollow ugc noopener\">Wordfence<\/a><\/li>\n<li>Removed: Due to Cross-Site Scripting issue, Code Execution functionality (beta functionality) removed.<\/li>\n<li>Removed: Now, Dependency of jQuery is not needed any more. It is written in pure JavaScript.<\/li>\n<li>Feature: Suggested <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/vertical-scrollbar-with-fixed-width\/\" rel=\"ugc noopener\">Vertical Scrollbar with Fixed Width<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/cannot-show-the-last-12-lines-in-full-screen-view\/\" rel=\"ugc noopener\">Cannot show the last 1~2 lines in full screen view<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/font-side-design-not-working-when-multiple-use\/\" rel=\"ugc noopener\">Font side design not working when multiple use<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/editing-name-does-not-stick\/\" rel=\"ugc noopener\">Editing name does not stick\u2026<\/a><\/li>\n<\/ul>\n<h4>1.2.4<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/deprecated-block_categories-error\/\" rel=\"ugc noopener\">Deprecated block_categories error<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/cannot-read-properties-of-undefined-reading-tolowercase\/\" rel=\"ugc noopener\">Cannot read properties of undefined (reading \u2018toLowerCase\u2019)<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/only-displaying-styles-for-first-code-snippet\/\" rel=\"ugc noopener\">Only Displaying Styles for First Code Snippet<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/didnt-work-mutipe-in-one-site\/\" rel=\"ugc noopener\">Did\u2019nt work mutipe in one Site<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/registered-with-an-invalid-category\/\" rel=\"ugc noopener\">Registered with an invalid category<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/deprecated-block_categories-3\/\" rel=\"ugc noopener\">Deprecated: block_categories<\/a><\/li>\n<\/ul>\n<h4>1.2.3<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/svg-css-issue\/\" rel=\"ugc noopener\">SVG CSS issue.<\/a><\/li>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/unwanted-animation-in-html-element-use\/\" rel=\"ugc noopener\">Unwanted animation in html element use<\/a><\/li>\n<\/ul>\n<h4>1.2.2<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/undo-ctrlz-command-makes-the-block-unusable\/\" rel=\"ugc noopener\">Undo (Ctrl+Z) command makes the block unusable.<\/a><\/li>\n<\/ul>\n<h4>1.2.1<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/problem-with-first-line-number-while-trying-re-editing-the-post\/\" rel=\"ugc noopener\">Problem with \u201cFirst Line Number\u201d while trying re-editing the post<\/a><\/li>\n<\/ul>\n<h4>1.2.0<\/h4>\n<ul>\n<li>Added: New Panel Added on top of Code Block.<\/li>\n<\/ul>\n<h4>It Contains Language label witch display language used in block<\/h4>\n<p>Three Buttons<br \/>\n    1. Run\/Execute Button <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/how-to-add-a-button-for-executing-the-code-blocks-for-the-user\/\" rel=\"ugc noopener\">Requested<\/a><br \/>\n    1. Full Screen Button<br \/>\n    1. Copy Code Button <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/how-to-create-copy-to-clipboard-button\/\" rel=\"ugc noopener\">Requested<\/a><br \/>\n* Added: Enable Code Block on Home page <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/syntax-highlighting-not-working-on-homepage-of-twenty-seventeen-theme\/\" rel=\"ugc noopener\">Requested<\/a><br \/>\n* Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/codeblock-display-issue\/\" rel=\"ugc noopener\">Codeblock Display Issue <\/a><\/p>\n<h4>1.1.3<\/h4>\n<ul>\n<li>Fix: Issue <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/problems-with-the-default-highlighting-setting\/\" rel=\"ugc noopener\">Problems with the default highlighting setting<\/a><\/li>\n<\/ul>\n<h4>1.1.2<\/h4>\n<ul>\n<li>Fix: Issue <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/html-code-25\/\" rel=\"ugc noopener\">Html code<\/a><\/li>\n<\/ul>\n<h4>1.1.1<\/h4>\n<ul>\n<li>Fix: Typo on Settings Page.<\/li>\n<\/ul>\n<h4>1.1.0<\/h4>\n<ul>\n<li>Update: Now with CodeMirror Block it is more optimized and have new features.<\/li>\n<li>Add: Option Page for set default options. <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/default-code-theme\/\" rel=\"ugc noopener\">Suggested<\/a><\/li>\n<li>Add: Support for Classic Editor <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/shortcode-for-classic-editor\/\" rel=\"ugc noopener\">Suggested<\/a><\/li>\n<li>Optimized: Now, CodeMirror Block js and css files will only load if needed <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/loading-codemirror-files-on-pages-only-when-needed\/\" rel=\"ugc noopener\">Suggested<\/a><\/li>\n<li>Beta Add: Button for Execute code only works on HTML, CSS and JavaScript type code block <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/how-to-add-a-button-for-executing-the-code-blocks-for-the-user\/\" rel=\"ugc noopener\">Suggested<\/a><\/li>\n<li>Fix: With Autoptimize it breaks some JavaScript. <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/works-great-excepting\/\" rel=\"ugc noopener\" class=\"broken_link\">Suggested<\/a><\/li>\n<\/ul>\n<h4>1.0.7<\/h4>\n<ul>\n<li>Update: Suggested <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/enqueuing-admin-scripts\/\" rel=\"ugc noopener\">Code<\/a>.<\/li>\n<\/ul>\n<h4>1.0.6<\/h4>\n<ul>\n<li>Add: Added 2 Event Listeners <code>wpcm_editor_loaded<\/code> and <code>wpcm_editors_loaded<\/code><\/li>\n<\/ul>\n<h4>1.0.5<\/h4>\n<ul>\n<li>Improve: Performance Improved.<\/li>\n<li>Update: Suggested <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/editors-2\/#post-11274234\" rel=\"ugc noopener\">Code<\/a>.<\/li>\n<\/ul>\n<h4>1.0.4<\/h4>\n<ul>\n<li>Change: minor changes.<\/li>\n<\/ul>\n<h4>1.0.3<\/h4>\n<ul>\n<li>Improve: Performance.<\/li>\n<li>Add: Some Suggested <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/editors-2\/\" rel=\"ugc noopener\">Code<\/a>.<\/li>\n<\/ul>\n<h4>1.0.2<\/h4>\n<ul>\n<li>Change: minor changes.<\/li>\n<\/ul>\n<h4>1.0.1<\/h4>\n<ul>\n<li>Fix: <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/topic\/rust-language\/\" rel=\"ugc noopener\">Rust language<\/a> issue.<\/li>\n<li>Fix: simple mode addon for (Docerfile, factor)<\/li>\n<li>Fix: htmlembded mode addon for (Embedded JavaScript, Embedded Ruby, ASP.NET, Java Server Pages)<\/li>\n<\/ul>\n<h4>1.0<\/h4>\n<ul>\n<li>Created A New Plugin.<\/li>\n<\/ul>\n<\/div><\/div>\n<p><!-- .entry-content --><\/p>\n<p>\t<!-- .entry-meta --><br \/>\n<\/article>\n<p><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/wp-codemirror-block\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>CodeMirror Blocks By Vicky Agravat Download Live Preview Details Reviews Installation Development Support Description 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 [&hellip;]<\/p>","protected":false},"author":400,"featured_media":7732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"categories":[42,39,40],"tags":[2007,5122],"class_list":["post-7731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-block-plugin","category-lite-version","category-wp-plugin-solution","tag-blocks","tag-codemirror"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/wp-codemirror-block\/assets\/banner-772x250.png?rev=3060455","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/7731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/users\/400"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=7731"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/7731\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/7732"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=7731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=7731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=7731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}