Use react-sortable-hoc Draggable is lacking documentation and I did not had the time to dig into it. But the above is for you. I used it to create the sidebar Entry Content/Primary Sidebar control – used to reorder my theme content/sidebar!
When using the block.getSaveElement hook can you output different markup based on whether or not you are in the edit view or the live page view?
The only way I could get this to work in WP 5 was to install the Classic Editor. Then I could use media_view_settings to add the tab. add_filter(‘media_view_settings’, ‘addMediaTab’); function addMediaTab($settings) { $settings[‘tabs’] = array(‘mymediatab’ => ‘My Media Tab’); return $settings; } BUT it appears the new UI doesn’t include those sections in Gutenberg, you … Read more
Use import { cleanForSlug } from “@wordpress/editor”; in your block.js file to import the function in and then use the it like cleanForSlug(stringToClean) to create the ID’s.
As already described in the comments, many WordPress Gutenberg plugins do not use the strict JSON format as WordPress prescribes… (and poorly documented) So it comes to two problems: Sometimes the data is in a JSON format, which parse_blocks() cannot read. If no change is made here, for example, the value attr will be NULL … Read more
Once Again: How to Remove Option from Gutenberg Editor for Specific Block in theme.json
Your code looks ok and would work in any other component other than colors, because colors need the higher-order-component withColors. In the past I struggled also dealing with the behaviour, that your are describing and found these two solutions: If you want to insert your own color component, check the second example from here https://awhitepixel.com/blog/add-custom-settings-to-existing-wordpress-gutenberg-blocks/. … Read more
I’m not sure if there’s a direct way to inspect an attributes default value but one way would you can indirectly achieve this is to store the default value in a variable. You could then reference it from inside the attribute object and from the edit and save functions. e.g. (untested) const amountDefault = 1; … Read more
Gutenbergs FreeformEdit Component (used for the classic editor block) demonstrates the way how to integrate a tinyMce editor. Recoded my custom Backform WysiwygControl and adopted the tinyMce integration. /** * External dependencies */ import Backform from ‘Backform’; /** * WordPress dependencies */ const { __ } = wp.i18n; const { F10, ESCAPE, ALT } = … Read more
There are multiple better ways to get a list of posts in a Gutenberg block, other than rendering serverside. First is to use the Wrodpress wrapper around Redux and select posts exactly like in the Gutenberg Handbook: edit: withSelect( function( select ) { return { posts: select( ‘core’ ).getEntityRecords( ‘postType’, ‘post’ ) }; } )( … Read more