Make it less easy to edit reusable blocks

Hi Paal,

This looks really good! If I can help speed up the process to get this into core, feel free to pm me on slack

Jules

Thanks @btxtiger, that’s a pretty clever hack. Can definitely use this! I don’t think much of the Gutenberg team considers this an issue, so having a CSS-only hack is probablty the cleanest way to handle this now. (also easy to remove later if a solution makes it into core.)

• This reply was modified 2 years, 10 months ago by Jules Colle.

I’ve created my own little variant. I noticed that with the approach above it wasn’t easy to access the “convert to regular blocks” menu, so I created a little script that will prompt the user to convert the block to regular blocks, whenever the reusable block is clicked.

You can add this snippet straight in the theme’s functions.php file.

add_action('admin_head', function () {
	?>
        <style>
            .block-library-block__reusable-block-container {
                pointer-events: none;
                background: #ffb3b3;
                position: relative;
            }

        </style>

        <script>
            (function($){
                $(window).load( function() {
                    $('.edit-post-visual-editor').on('click',function(e) {
                        $block = $(e.target);
                        if ($block.hasClass('is-reusable')) {
                            if (confirm('You are about to convert this reusable block to regular blocks. Are you sure you want to do this?')) {
                                const clientId = $block.attr('data-block');
                                wp.data && wp.data.dispatch('core/reusable-blocks').__experimentalConvertBlockToStatic(clientId);
                            }
                        }
                    });
                });
            }(jQuery))
        </script>
	<?php
});

• This reply was modified 2 years, 9 months ago by Jules Colle.