Syntax-highlighting Code Block (with Server-side Rendering) vs Table Of Content Block – Auto-Generate Clickable Table of Contents

This plugin extends the Code block in WordPress core to add syntax highlighting which is rendered on the server. Pre-existing Code blocks on a site are automatically extended to include syntax highlighting. Doing server-side syntax highlighting eliminates the need to enqueue any JavaScript on the frontend (e.g. Highlight.js or Prism.js) and this ensures there is no flash of unhighlighted code (FOUC?). Reducing script on the frontend improves frontend performance, and it also allows for the syntax highlighted code to appear properly in AMP pages as rendered by the official AMP plugin (see also ampproject/amp-wp#972) or when JavaScript is turned off in the browser. This extended Code block uses language auto-detection to add syntax highlighting, but you can override the language in the block’s settings sidebar. (There is currently no syntax highlighting of the Code block in the editor, but see #8.) The plugin supports all programming languages that highlight.php supports (being a port of highlight.js). The Code block also is extended to support specifying lines to highlight which get marked up with mark elements (including in RSS feeds). There is also a checkbox for whether to show line numbers on the frontend (with the numbers being non-selectable). Lastly, given inconsistencies across themes regarding whether lines in a Code block should be wrapped, this plugin adds styling to force them to no-wrap by default, with a checkbox to opt in to wrapping when desired. For advanced usage, please see the plugin wiki. This plugin is developed on GitHub. See list of current issues with the plugin. Please feel free to file any additional issues or requests that you may come across. Pull requests are welcome. See contributing information. Credits This is a fork of Code Syntax Block by Marcus Kazmierczak (mkaz), which is also available on WordPress.org. Copyright (c) 2018 Marcus Kazmierczak. Licensed under GPL 2.0 or later. highlight.php is released under the BSD 3-Clause License. Copyright © 2006-2013, Ivan Sagalaev ([email protected]), highlight.js (original author). Copyright © 2013, Geert Bergman ([email protected]), highlight.php

Enhance your long-form content with the Table of Contents Block! 📚 This powerful WordPress plugin automatically generates a smart, interactive table of contents, making your content easy to navigate. It helps guide your readers effortlessly to the sections they’re interested in.Ideal for content creators, bloggers, and website owners, this tool transforms any lengthy article into a well-organized, user-friendly masterpiece. Tired of losing readers in lengthy articles? Our Table of Contents Block is your solution! It automatically scans your content, identifies all headings, and creates a beautiful, clickable navigation menu that helps readers instantly jump to the sections they’re most interested in. 📌 Ideal For ✔ Blog Posts – Keep readers scrolling longer. ✔ Documentation & FAQs – Make help articles easier to navigate. ✔ Tutorials & Guides – Improve readability for step-by-step content. ✔ Knowledge Bases & Wikis – Organize long-form content like a pro. ✔ Affiliate & Review Sites – Help users find key sections faster. What makes this plugin special? It’s not just a table of contents – it’s a complete content navigation system that: • Works automatically – just add the block and watch the magic happen • Stays synchronized with your content – updates in real-time as you edit • Looks beautiful on all devices – fully responsive design • Enhances reader engagement – keeps visitors on your page longer • Improves SEO performance – helps search engines understand your content structure better Whether you’re a blogger, content creator, or business owner, this plugin helps make your content more professional, accessible, and user-friendly. Give your readers the premium content experience they deserve! Why choose Table of Contents Block? Readers often get lost in lengthy content. This plugin helps guide them exactly where they want to go—improving navigation, boosting time-on-page, and enhancing the overall experience. Table Of Content Block Features Automatic Generation: The block automatically generates a TOC based on the headings in your post or page. Customizable Styles: You can customize the appearance of TOC, including font, size, and colors. Smooth Scrolling: Clicking on a table of contents entry smoothly scrolls the page to the corresponding heading. Anchor Links: TOC entries are linked to the corresponding headings using anchor links. Gutenberg Integration: The block seamlessly integrates with the Gutenberg editor, making it easy to add a table of contents to your content. Responsive Design: TOC is designed to be responsive and adapt to different screen sizes. Benefits: Improved Navigation: Provides an easy way for visitors to navigate long-form content. Enhanced User Experience: Makes it easier for visitors to find the information they are looking for. SEO Optimization: Helps search engines understand the structure of your content, which can improve your SEO rankings. How to use Table Of Content Block First, install the Table Of Content Block plugin from the WordPress dashboard. Add the Table Of Content Block from the block category called “widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For installation help click on Installation Tab – Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us ⭐ Check out the Parent Plugin of this plugin- 🔥 B Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 Document Embedder – Best WordPress Document Embedder Plugin. 🔥 3D Viewer – Display interactive 3D models on the webs. 🔥 Advanced Post Block – Best Post Display Plugin for WordPress. External Service Integration Service Name: package.js Docs link: package docs link Developer Notes Assets file name assets file destination. ex: public/js/*.min.js Public source code GitHub link for review, study, and contribute. For more information on how to contribute to this plugin, please visit our GitHub repository.