Calculator Blocks vs Syntax-highlighting Code Block (with Server-side Rendering)

Turn spreadsheets into immersive content with interactive forms for personalized results. Add pre-made templates in seconds or start customizing your own for free. Responsive and fast – this easy-to-use block will help you drive traffic and boost conversions. Tools and Examples Graph Makers | Graph Templates | Chart Maker | AI Graph Maker Right at home – If your theme uses the Gutenberg editor, it will love this plugin. Simply works – We use the latest web tech for a seamless, native, experience. Zero sign-up testing – Install, activate & immediately start adding demo widgets. Free custom widgets – Sign up to start building new widgets with free-tier features. Get creative – Mix and match tons of responsive layouts & visualizations. Made for every device – Designed with ❤ and mobile-first principles. Fast and friendly – JIT loading keeps your page’s critical assets loading fast. Get personal – Add shareable links & locally save responses for a personal touch. You already know how it works – Select data like you do in Excel & Google Sheets. ✓ Pre-made widgets & spreadsheets ✓ Zero technical knowledge required ✓ Friendly Live-Chat Tech Support What Are Calculators For? Closing sales, growing traffic, paid products, or maybe just making a dry spreadsheet a little more fun. Custom Pricing Calculators Home builders, photographers, contractors – Is your pricing complicated? Not a problem! If it works in a spreadsheet, it works in Calculator Blocks. Give your users instant feedback on how their project’s requirements affect your pricing. Lead Magnets & Blog Content Adding a calculator or visual dashboard makes your content irresistible. If your goal is to stand out on search engines or social media, Calculator Blocks was made for you. We are content creators and we know the power of providing better user experiences. We made this the ideal tool to help smaller brands break through obscurity and reach their target audience. Paid Products & Client Dashboards Do you have a great product idea, but don’t want to spend a fortune on developers and custom solutions? Calculator Blocks is ready to grow with you. Use the built-in WordPress user system along with our database integrations to create personalized dashboards. Our amazing, yet technical, support is ready to walk you through every step. Why Calculator Blocks? We designed this tool to be the perfect solution for modern publishers and their audiences. Beauty & Power Every feature is designed to balance an immersive user experience with your goals. Whether that’s to drive more traffic or move qualified leads down your funnel, Calculator Blocks is designed to optimize the user experience. Other WordPress calculator plugins are packed with complicated, bloated features, wrapped around awkward user experiences. Calculator Blocks uses the Gutenberg editor to allow authors to seamlessly publish content users will love. Every User, Every Device We love the web and rapidly adopt the latest technologies to create the best user experiences. Whether that’s Web Components, CSS Container Queries, or CSS Grids, we’re passionate about putting the latest and greatest to work for you. We ❤ Content Creators Calculator Blocks grew out of our own publishing experiences. We know all about the challenges of delivering the full potential of a great idea for content. We know the pain of keeping content updated for users as well as chaotic search engine algorithms. Our widget editor provides refreshing simplicity, with no Ph.D. required. …And Also Spreadsheets Bear with us, because we want to help you turn your existing spreadsheets into your secret weapon. Encapsulate your expertise or inside knowledge in a spreadsheet and let Calculator Blocks visualize it on WordPress. Now you can easily create content that would have previously cost $1,000’s in custom web development and weeks of work. Terms and Conditions Calculator Blocks is a plugin for a subscription software service Graphitup. Graphitup is produced by Industrious Apps, LLC. You can read the terms and conditions here, concerning the full use of Excelkits.

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