gkits

<p>Dew Blocks is a custom Gutenberg Blocks that allows you to design your web pages out of box easily. You don’t need to have any coding knowledge. It is fast and light-weight. It only loads scripts on the pages where the block is used. It is highly customizable. You can use it with any theme. It is compatible with any of the WordPress themes.</p>
<h3>Key Features</h3>
<ul>
<li>Simple, light-weight, and fast</li>
<li><strong>Load scripts only on the pages where the block is used</strong></li>
<li><strong>Developed with Gutenberg Native Components</strong></li>
<li>Simple drag and drop using</li>
<li>Highly Customizable</li>
<li>Clean & smart customization panels</li>
</ul>
<h4>More Blocks Coming Soon…</h4>


Dew Blocks

Dew Blocks is a custom Gutenberg Blocks that allows you to design your web pages out of box easily. You don't need to have any coding knowledge.

Takashi Kitajima

まーちゅう

<p>The Snow Monkey Editor is a plugin that extends the block editor.</p>
<p>GitHub: https://github.com/inc2734/snow-monkey-editor/</p>
<h4>Formatter</h4>
<p>Click Snow Monkey button in toolbar.</p>
<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>
<p>You can settings in inspector.</p>
<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>
<p>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.</p>
<p>(The number of blocks/attributes that can be used by the block preset feature is limited by default.)</p>
<h4>Block styles</h4>
<p>There can be used in paragraph blocks, group blocks, image blocks, etc.</p>
<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>
<p><strong>SnowMonkeyEditor.extension.allowedNameSpaces</strong></p>
<p>JavaScript</p>
<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>
<p>PHP</p>
<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>
<p><strong>SnowMonkeyEditor.extension.allowedRoles</strong></p>
<p>JavaScript</p>
<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>
<p>PHP</p>
<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>


Dew Blocks vs Snow Monkey Editor