Rating: 5 stars
no one wants to conduct a real study to see how many of use hate the code block.
]]>Rating: 5 stars
missed just a download and/or copy button.
also for theme, maybe is best to update “usage instruction”! only after some search I understood can be changed via customized menu.
anyway, looks so good.
ty.
]]>Rating: 5 stars
Thanks for this. It’s really nice.
]]>Rating: 5 stars
Works great, thanks !
]]>Rating: 5 stars
I confess, I’ve been a happy user of Code Syntax Block for quite a while — a plugin which the author, Weston Router, clearly states that Syntax Highlighting (Code Block) is based upon.
Alas, however, all the pages I had with the older plugin would suffer from an inevitable rendering slowdown — there is so much Javascript on web pages these days that such a slowdown is inevitable, and this is especially true to those scripts that attempt to recognise the language automatically — something that will consume plenty of CPU cycles on the browser. Parsing the language is also no mean feature by itself (I know, I’ve been doing some experiments for some code editors, and, believe me, it’s tough!).
So why force the end-user to bear the burden of all that work? It makes much more sense to pre-render everything on the server, and then let the web server send the already-parsed HTML from its cache. That way, the end-user will already have everything on their browser, no need to wait for parsing!
Also, if you ‘forget’ to set the language that your code is in (it happens…), the auto-detecting feature will only run on the server, and just once, when you save the post you’re writing. Even if it takes a fraction of a second more to save, think of how much time all those users will save when they get the already-rendered page!
So, this plugin is definitely recommended. As a bonus: if you are already using some sort of code block on your WP setup, once you turn off whatever plugin you were using, Syntax Highlighting (Code Block) will immediately pick it up and start its magic (you might need to open and save all the pages you’ve got code on, though — I’m not quite sure if that’s really the case). That means zero effort (beyond saving) — what you already had will continue to work. And, naturally enough, when you disable this plugin, your code block will just revert to the internal WP code block instead — nothing will be ‘lost’ that way!
If you’re still hesitant and reading this to the end… while you wasted your time here, think of how many of your users would have saved their time if you already had this plugin installed ??
]]>Rating: 5 stars
No agrega bloques nuevos a WordPress, ya que potencia el bloque de código existente. Soporta gran cantidad de Lenguajes, puedes mostrar líneas y marcar ciertas partes del código. ?Vaya todo lo que necesito!
Y no hay que configurar nada!
]]>Rating: 5 stars
Just found this gem of a plugin when looking for code syntax highlighting plugins. No hassle at all to get working, just install and activate and it formats and styles existing code blocks in posts.
Could not be happier with this plugin. Wlldone!
]]>Rating: 5 stars
I’ve switched to “Syntax-highlighting Code Block” from a similar plugin, mainly because the old one didn’t recognize the new Java Text Blocks.
This one does, and GTMetrix also reports a heavily reduced DOM size for almost all my pages, for example:
That’s an amazing and surprising improvement!
I do have one feature request, though:
It would be great if one could select a subset of the available languages for the dropdown, so you don’t always have to scroll through all 185 languages.
]]>Rating: 5 stars
Excelente plugin
]]>Rating: 5 stars
Hi,
I just wanted to stop by to say thanks for such a great plugin.
It does the job perfectly for me.
The way you have used CSS allows me to customise the different colours etc for different components and I have even got a dark mode version working (with prefers darkmode CSS).
I really hope you are able to keep this project maintained.
Cheers
Colin
Rating: 5 stars
Just saw this plugin in the source code of another developers blog.
I use(d) another block to highlight my code but instantly bought in the idea of server render the code instead of ship JS to my users.
I try to step up my game of resource efficient webdevelopment. So reduce the JS I ship to users – server rendering over client side rendering etc.
So this plugin rocks.
Also I am glad that changing over will be doable. The plugin I currently use let me switch to your plugin without trouble, so this will be a task for every now and then in the next days.
Thanks for this plugin!
]]>Rating: 5 stars
Why this plugin is awesome.
1) The plugin renders on the server side which is ideally more work for your server. But with proper caching implementation, this approach increases page speed as the client doesn’t have to load javascript on the client side.
2) The plugin adds on top of the existing gutenberg code block. Most of the syntax highlighters out there try to provide their own gutenberg block which makes it difficult to switch between plugins. For instance, I was using code syntax block plugin and I had to go to each post to convert them back to regular code blocks.
3) No client side scripts thus optimal for AMP enabled pages. As your AMP pages get cached on Google AMP cache anyway, your server has to generate pages rarely.
4) More theme options compared to other code block highlighters out there.
]]>Rating: 5 stars
This plugin is the best syntax highlighting plugin that I have used, thanks for all the hard work in developing it. One recommendation though…
I just stumbled upon the ability to change the color scheme in the Customizer. This is an awesome feature, but not one that is highlighted in the description of the plugin or in the screenshots. Of course it is mentioned in the Advanced Usage wiki, but I have been using the plugin for months and definitely overlooked that ??. A brief mention in the main description and a screenshot of the different theme options would definitely help unobservant users like myself.
Thanks again!
]]>Rating: 5 stars
I love that this is baked into the core code block without having to resort to a third-party integration that may or may not work.
Well done on this one.
Just a heads up though, which may require more testing. The latest Gutenberg release and this plugin do not appear to play well together. I had to disable the Gutenberg plugin, which invalidated the code blocks, and I had to recover each one.
One feature request: Please add a rel attribute so I can display the language.
Thanks again,
Ronald Huereca
]]>Rating: 5 stars
This is a great plugin.
1. The code looks just like it does in Visual Studio (theme: vs2015)
2. It improves performance in two ways:
-generates html on the server-side, instead of rendering on the client-side. This is the main reason i looked into getting a different syntax highlighting plugin. I use a caching plugin, so it annoyed me that it was doing pointless client-side rendering.
-the generated html is 3x smaller than the other plugin i was using. So the payload is smaller, and it’s simply less work for the browser to paint.
3. It’s simple. You just built-in Code block and change the language after you paste.
4. It has line wrapping. My current plugin doesn’t have this, so it puts scroll bars on the code (looks bad)
Great job with this plugin!
]]>Rating: 5 stars
This plugin helps a lot sharing code using Gutenberg blocks. Thanks!
]]>Rating: 5 stars
The original – Code Syntax Block by Marcus Kazmierczak worked really well, this fork by Weston just elevates the functionality to new levels. Server side formatting eliminates the JS dependency making it load faster and… is AMP compatible.
Fantastic, 5 stars, give it a try!
]]>Rating: 5 stars
I have tried a lot of syntax highlighter plugins and this one by far was the best. If you are concerned about page speed after adding a syntax highlighter plugin, try this one.
]]>Rating: 5 stars
Congratulations. This is a great plugin. I used it to enable AMP on my blog.
I believe this is the right way to do things on the web. Javascript should be used only when there is user interaction on the client side and when there is no other alternative. Everything that can be rendered on the server should be done that way.
Rating: 5 stars
Thank You!
]]>Rating: 5 stars
Server-side rendering is absolutely preferred and even allows you to have syntax highlighting in AMP pages.
Great plugin, best Syntax-highlighting plugin so far for Gutenberg!
]]>Rating: 5 stars
Plug and play. The language auto detection is awesome and it works with Gutenberg.
Thank you for the great plugin!
]]>Rating: 5 stars
Brilliant plugin! Very clever to render it all server-side!
]]>Rating: 5 stars
The best plugin for highlighting code in the block editor Gutenberg.
Its main advantage: no need to enqueue any JavaScript.
The only drawback is the long plugin name.
Great!
]]>Rating: 5 stars
Just installed this on my site and started writing up a new post. I can’t get over how well it works. Thanks, Weston!
]]>Rating: 5 stars
Thanks for publishing this plugin, Weston!
I just installed it on my website and it works great. No configuration needed. My coding tutorials look so much better now ??
]]>