SJE Simple JSON Editor – Code editor for your JSON files vs Syntax-highlighting Code Block (with Server-side Rendering)

SJE (Simple JSON Editor) simplifies the editing of JSON files in your WordPress themes. Whether you’re an experienced developer or a beginner, SJE offers you an intuitive interface to manipulate your JSON data directly from the WordPress dashboard. SJE streamlines your workflow by displaying only folders containing JSON files in the selection menu, helping you focus on the files that matter. Key features Intuitive and elegant user interface Syntax highlighting for better readability Real-time JSON file validation Secure saving of modifications Compatible with all WordPress themes Smart folder display: only folders with JSON files are shown Easy navigation through your theme’s JSON files SJE is the perfect tool for theme developers and site administrators who need to regularly modify JSON configuration files. Credits SJE uses the following open-source software: ACE Editor – A high performance code editor for the web Split.js – A lightweight, high-performance splitting Library Become a Plugin Hero Love SJE Simple JSON Editor? Become part of its journey! Your support fuels continuous improvements and keeps the plugin free for everyone: Buy Me A Coffee Every contribution, big or small, makes a difference. Join our community of plugin heroes today! Discover my other plugins Keep Extension Streamline the management of your WordPress plugins with a simple and practical tool. Say goodbye to the hassle of remembering your favorite plugins for each new project.

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