Akash

semnaveen

MightyThemes

<p>Cuberg – The Next Generation of Gutenberg Blocks, Templates and Patterns</p>
<p>Note: The beta version is an experimental release and we do not recommend it to use on the production website. You are welcome to test it, make suggestions to improve it, and report the bugs.</p>
<p>Cuberg is a next generation Gutenberg block plugin which helps you to design beautiful and highly responsive websites.</p>
<p>For the moment, it has 3 blocks Row, Advace Text and Button Group Blocks with advanced capabilities. As it is the second beta, we will keep adding more features and Gutenberg blocks in it in the upcoming releases.</p>
<h3>What’s in this release?</h3>
<ol>
<li>Fix issues from Beta 1</li>
<li>Added missing features from Beta 1</li>
<li>Added Global Options to control colors and typography from a single place.</li>
<li>Added block control panel so you can enable or disable the block you need.</li>
<li>Added 2 new blocks, Buttons Block and Advanced text block.</li>
</ol>
<h3>What’s in the upcoming release?</h3>
<ol>
<li>Fix issues from Beta 2</li>
<li>Add missing features from Beta 2</li>
<li>Add 3 new blocks, Accordion block, Tab block and Blockquote block</li>
</ol>


Cuberg

Cuberg - The Next Generation of Gutenberg Blocks, Templates and Patterns Note: The beta version is an experimental release and we do not recommend it …

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>


Cuberg vs Snow Monkey Editor