Takashi Kitajima

まーちゅう

The Snow Monkey Editor is a plugin that extends the block editor.
GitHub: https://github.com/inc2734/snow-monkey-editor/
<h4>Formatter</h4>
Click Snow Monkey button in toolbar.
<ul>
<li>Text badge</li>
<li>Text background color</li>
<li>Text font size</li>
<li>Text highlighter</li>
<li>Text color</li>
<li>Text gradient</li>
<li>Text letter spacing</li>
<li>Line break per screen size</li>
<li>Format clear</li>
</ul>
<h4>Extensions</h4>
You can settings in inspector.
<ul>
<li>Hide on smartphone size or tablet size or PC size. (Using media query)</li>
<li>Hide by user roles. (Using <code>render_block</code> filter hook. If it does not pass this filter, it is ignored)</li>
<li>Scroll animation</li>
<li>Publish date time settings</li>
<li>Unpublish date time settings</li>
<li>Edit lock by user roles. (Only administrators can set it)</li>
</ul>
<h4>Block presets</h4>
This feature allows you to save the settings of a block and set them for other blocks of the same type at the touch of a button.
(The number of blocks/attributes that can be used by the block preset feature is limited by default.)
<h4>Block styles</h4>
There can be used in paragraph blocks, group blocks, image blocks, etc.
<ul>
<li>Alert</li>
<li>Alert (Remarks)</li>
<li>Alert (Success)</li>
<li>Alert (Warning)</li>
<li>Fluid shapes</li>
<li>Post-it</li>
<li>Post-it (Narrow)</li>
<li>Shadowed</li>
<li>Speech (Top)</li>
<li>Speech (Right)</li>
<li>Speech (Bottom)</li>
<li>Speech (Left)</li>
<li>List (Arrow)</li>
<li>List (Check)</li>
<li>List (Remarks)</li>
<li>List (Times)</li>
<li>Ordered list (Circle)</li>
<li>Ordered list (Square)</li>
</ul>
<h4>Filter hooks (JavaScript)</h4>
SnowMonkeyEditor.extension.allowedNameSpaces
JavaScript
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
 'SnowMonkeyEditor.extension.allowedNameSpaces',
 'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
 ( allowedNameSpaces, extensionName ) => {
 return [
 ...allowedNameSpaces,
 'snow-monkey-blocks',
 ];
 }
);
</code></pre>
PHP
<pre><code>add_action(
 'admin_enqueue_scripts',
 function() {
 $data = "wp.hooks.addFilter(
 'SnowMonkeyEditor.extension.allowedNameSpaces',
 'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
 ( allowedNameSpaces, extensionName ) => {
 return [
 ...allowedNameSpaces,
 'snow-monkey-blocks',
 ];
 }
 );";
 wp_add_inline_script(
 'snow-monkey-editor@editor',
 $data
 );
 }
);
</code></pre>
SnowMonkeyEditor.extension.allowedRoles
JavaScript
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
 'SnowMonkeyEditor.extension.allowedRoles',
 'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
 ( allowedNameSpaces, extensionName ) => {
 return [ 'administrator' ];
 }
);
</code></pre>
PHP
<pre><code>add_action(
 'admin_enqueue_scripts',
 function() {
 $data = "wp.hooks.addFilter(
 'SnowMonkeyEditor.extension.allowedRoles',
 'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
 ( allowedRoles, extensionName ) => {
 return [ 'administrator' ];
 }
 );";
 wp_add_inline_script(
 'snow-monkey-editor@editor',
 $data
 );
 }
);
</code></pre>

Snow Monkey Editor

Awesome!

Great plugin!

Very useful for block editor users! Must install!

The Snow Monkey Editor is a plugin that extends the block editor.

sonalsinha21

SKT Blocks lets you use the default gutenberg editor and easily create creative websites within minutes with the help of the reusable blocks that can be used both in pages and posts.
SKT Blocks offers all round flexibility and is intuitive at the same time requires less plugin and is faster and user friendly.
<a href="https://sktblocks.blazingthemes.com/" rel="nofollow ugc">Check our Gutenberg blocks demos</a> and watch them in active live.
These advanced blocks come with host of advanced functionality and customization which make them easy to use and handle and edit them as per your requirements of color, width, font etc.
With more than 30 blocks at your perusal you can easily edit the existing themes created using them or add any suitable block as per your requirement to existing WordPress themes or websites supporting and created using the default editor.
SKT Blocks Library
<ol>
<li><a href="https://sktblocks.blazingthemes.com/advanced-column/" rel="nofollow ugc">Advanced Columns </a>: Advanced columns block lets you build amazing and customizable columns for a variety of uses like having different variations for testimonial or showing testimonial and team side by side. Different types of content can be shown in row and column with varying width and shapes and background using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/section/" rel="nofollow ugc">Section </a>: Section block is of utmost importance for websites to differentiate different sections and layouts within a page with background and variety of content blocks within a section block.</li>
<li><a href="https://sktblocks.blazingthemes.com/shape-divider/" rel="nofollow ugc">Shape-Divider </a>: Shape divider uses variety of shapes to have a nice way of distinction between content so that once one changes content and scrolls down between various sections shape dividers becomes handy to separate them. Easily customize them using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/video-popup/" rel="nofollow ugc">Video Popup </a>: Popups always try to grab eyeballs and attention and in this case trying to have a video opened up in a pop-up window using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/icon-list/" rel="nofollow ugc">Icon-List </a>: Icon list uses icons as well as stylised lists to create a nice way to have checklists, features lists or other types of highlighting services features and product descriptions. Design your own beautiful list using Icon-list block.</li>
<li><a href="https://sktblocks.blazingthemes.com/button-group/" rel="nofollow ugc">Multi Buttons </a>: Multiple buttons can be needed to have call to action for features and services and buttons are always needed to have some action from the user like download, shop now, click here and so on. Multi buttons are desirable for every type of website and hence this block may help you with the desired functionalities of all shapes of buttons.</li>
<li><a href="https://sktblocks.blazingthemes.com/advanced-heading/" rel="nofollow ugc">Advanced Heading </a>: Headings are important to showcase a page or post heading and they can be easily managed as far as font size, typography and its width etc are concerned.</li>
<li><a href="https://sktblocks.blazingthemes.com/call-to-action/" rel="nofollow ugc">Call-to-Action </a>: For sales or a leads friendly website it is important to focus on Call to action. Also for landing pages and marketing pages call to action is important. This block enables you to add CTA easily and efficiently.</li>
<li><a href="https://sktblocks.blazingthemes.com/count-up/" rel="nofollow ugc">Count up </a>: Animated counting to show statistics like a persons knowledge or stats about installs, client projects or reviews gained online and similar things using numbers can be nicely shown using this block. Fully customizable.</li>
<li><a href="https://sktblocks.blazingthemes.com/blockquote/" rel="nofollow ugc">Blockquote </a>:To showcase a quote by someone famous and to showcase quotes to understand the context of the whole article blockquote are important when it comes to articles and form an important part of descriptive text for blogging.</li>
<li><a href="https://sktblocks.blazingthemes.com/accordion/" rel="nofollow ugc">Accordion </a>: Information displayed in rows which can be expanded and contracted and looks stylish. Also takes a lesser space than the whole area being listed in a lengthy way. Accordion block is configurable for this purpose.</li>
<li><a href="https://sktblocks.blazingthemes.com/flip-box/" rel="nofollow ugc">Flip-Box </a>: Transformation effects box which showcases content with icons on the front and can hold similar or simple content on the backside. Many people use images on the front and write description of that image in the backside. Flip boxes are for engaging content for users.</li>
<li><a href="https://sktblocks.blazingthemes.com/info-block/" rel="nofollow ugc">Info-Box </a>: Simple informative boxes for having displayed important information regarding ones business or features of a product or services and product listing etc can be done with the help of this useful info-box block.
</li>
<li><a href="https://sktblocks.blazingthemes.com/team/" rel="nofollow ugc">Team </a>: For any corporate or business website or any website in about us page the team members behind the business and the idea are showcased so that visitors know about the people behind them. Also the social profiles and their links for the team members is also important.</li>
<li><a href="https://sktblocks.blazingthemes.com/image-box/" rel="nofollow ugc">Image Boxes </a>: Gallery boxes and showcasing portfolio for any company, model or event is necessary. Images as they say speak louder than words and hence this pictoral box is essential and is fully configurable.</li>
<li><a href="https://sktblocks.blazingthemes.com/image-slider/" rel="nofollow ugc">Image Slider </a>: Images in a carousel format where one can scroll through them easily using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/card/" rel="nofollow ugc">Card </a>: Personal details with image is what card does. Just like business card this is a personal card for users to showcase about them.</li>
<li><a href="https://sktblocks.blazingthemes.com/masonry/" rel="nofollow ugc">Gallery Masonry </a>: Collage of images in a masonry block format. This block is to boost portfolio showcase.</li>
<li><a href="https://sktblocks.blazingthemes.com/content-timeline/" rel="nofollow ugc">Content Timeline </a>: To create a visually stunning and nice showcase of content in a timeline of events this block has been created which is different than posts.</li>
<li><a href="https://sktblocks.blazingthemes.com/testimonial/" rel="nofollow ugc">Testimonial </a>: Use the Testimonial block to display some amazing client reviews in a carousel layout.</li>
<li><a href="https://sktblocks.blazingthemes.com/divider/" rel="nofollow ugc">Divider </a>: Division between sections and layout can be done easily using this divider block.</li>
<li><a href="https://sktblocks.blazingthemes.com/expand/" rel="nofollow ugc">Expand More Block </a>: Small text can be shown and an more button which will explore more content. Beneficial for large content showcase where people can view the important content and if interested can click on more.</li>
<li><a href="https://sktblocks.blazingthemes.com/pricing-list/" rel="nofollow ugc">Pricing List </a>: With the Gutenberg Pricing List block, design a beautiful and comprehensive pricing list of your goods, services and memberships.</li>
<li><a href="https://sktblocks.blazingthemes.com/post-carousel/" rel="nofollow ugc">Post Carousel </a>: Similar to how images shown in a carousel or slider posts will be showcased in a carousel.</li>
<li><a href="https://sktblocks.blazingthemes.com/post-grid/" rel="nofollow ugc">Post Grid </a>: The Post Grid block fetches the blog posts on your website and displays them in a grid layout. You can also customize the order of your posts, and manage settings like the featured image, content, etc.</li>
<li><a href="https://sktblocks.blazingthemes.com/post-timeline/" rel="nofollow ugc">Post-Timeline </a>: This block showcases posts in a timeline format by showing historical events with image and knowing about the events in detail. Timeline is important for company history, events showcase etc.</li>
<li><a href="https://sktblocks.blazingthemes.com/pricing-table/" rel="nofollow ugc">Pricing table </a>: For any company with services or selling something it is important to showcase pricing of single product and multiple product or service offerings like hair salon etc with comparison for users to select the best price as per their budget and requirement.</li>
</ol>
SKT Templates for Gutenberg
We have already created SKT Templates for both Elementor and Gutenberg and are going to add more than 100+ templates within the same plugin and you can easily make use of those starter templates by just importing them and editing them using SKT Blocks.

SKT Blocks – Gutenberg based Page Builder

SKT Blocks lets you use the default gutenberg editor and easily create creative websites within minutes with the help of the reusable blocks that can  …

Snow Monkey Editor vs SKT Blocks – Gutenberg based Page Builder