Code Syntax Block – WordPress plugin | WordPress.org

Code Syntax Block

(47 total ratings)

Code Syntax Block plugin extends the block editor by adding syntax highlighting to the core code block.

Tested with 6.5.7

Copy and paste this URL into your WordPress site to embed

<blockquote class="wp-embedded-content" data-secret="8cBDgpdVQ3"><a href="https://wordpress.org/plugins/code-syntax-block/">Code Syntax Block</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://wordpress.org/plugins/code-syntax-block/embed/#?secret=8cBDgpdVQ3" width="600" height="400" title="&#8220;Code Syntax Block&#8221; &#8212; Plugin Directory" data-secret="8cBDgpdVQ3" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script>
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
//# sourceURL=https://wordpress.org/plugins/wp-includes/js/wp-embed.min.js
</script>

Copy and paste this code into your site to embed