Sticky Block for Gutenberg Editor vs CodeMirror Blocks

Summary The Gutenberg Sticky Block can be added to any Post or Page and will be sticky as soon as it hits the top of the page after you scroll down. The Sticky Block can contain any other Blocks (Paragraphs, Images, etc.), and can also be used in other Blocks (e.g. Column or Table). The main principle is the same as my Sticky Menu (Or Anything) plugin, and the basic code of that plugin has been used in this Sticky Block plugin as well. If you want to make anything sticky outside of the content area (e.g navigation menu, widgets), use the Sticky Menu (Or Anything) plugin instead of Sticky Block. Featured BLOCK OF THE WEEK (Sep 16, 2021). Features Any Block can be added inside the Sticky Block: the Sticky Block works as a “wrapper” or “grouping” block, that can hold every other type of Block. The Sticky Block can be added inside other Blocks: any block that works as a “wrapper” (such as the Columns Block or the Table Block) can also hold a Sticky Block. Positioning from top (optional): you can add any amount of space between the Sticky Block and the top of the page, so that the element is not always stuck at the “ceiling” of the page. Enable for certain screen sizes only (optional): you can set a minimum and/or maximum screen size where the stickiness should work. This can be handy if you have a responsive site and you don’t want your Block to be sticky on smaller screens, for example. Push-up element (optional): you can pick any other element lower on the page that will push the Sticky Block up again (for example a footer, or even another Sticky Block). Admin Bar aware: checks if the current user has an Admin Toolbar at the top of the page. If it has, the Sticky Block will not obscure it (or be obscured by it). Z-index: in case there are other elements on the page that obscure or peek through your Sticky Block, you can add a Z-index easily. This will only be applied once the Block is sticky.

CodeMirror Blocks is useful for developers blog, tutorial site where to display formatted (highlighted) code of any program. It supports 100+ Programming, Scripting and MarkUp Language, with 56 Different Themes. The Code Block is dependent on a CodeMirror library. Formatted Code Block is like (syntax highlighting feature) that displays source code, in different colors and fonts according to the category of terms. It is one strategy to improve the readability and context of the text; especially for code that spans several pages. The reader can easily ignore large sections of comments or code, depending on what they are looking for. This plugin is just plug and play, no tedious configurations or hacks, just install, activate and start using block inserter. Features Control Panel Added on top of the Code Block. ** It displays language/filename. ** It also display three buttons, includes Run/Execute, FullScreen, Copy Code. Web editor (Execution of HTML, CSS JavaScript block) With CodeMirror Block 1.1 Option Page for set default options Highlight Active Line (now available on CodeMirror Block 1.1) CodeMirror Block 1.1 now support Block align (Wide Width, Full Width) if your theme Supports. Classic Editor Support (Partial) Lightweight and fast Secure code with using clear coding standards Intuitive interface with many settings Cross browser compatible (work smooth in any modern browser) Works also on android mobile browser Compatible with all Default WordPress themes (tested with Latest Twenty Twenty-Four) Twenty Twenty-Four Twenty Twenty-Three Twenty Twenty-Two Twenty Twenty-One Twenty Twenty Also Compatible with other third-party themes. Key features include Code syntax highlighting Line number (On/Off) option 56 Themes (all provided themes from CodeMirror) 100+ Programming languages (all most provided languages from CodeMirror) Programming language selection option Loading CodeMirror files on pages only when needed A list of supported themes: 3024 day 3024 night Ambiance mobile Ambiance Base16 dark Base16 light Blackboard Cobalt Colorforth Eclipse Elegant Erlang dark Lesser dark Liquibyte MBO MDN-like Midnight Monokai Neat Neo Night Paraiso dark Paraiso light Pastel on dark Rubyblue Reactjs.org Theme Solarized The matrix Tomorrow night bright Tomorrow night eighties TTCN Twilight Vibrant ink XQ dark XQ light Zenburn Credits This Plugin use CodeMirror library to highlight Code Blocks. CodeMirror is an open-source project shared under the MIT license.