After banging my head over that horizontal scroll bar issue, I think going the other way and adding a max width to blocks without the alignfull classes. If you just remove your page templates wrapper and assume it as 100%. Here is a pen with the WP markup as closely emulated as I could https://codepen.io/nickfmc/pen/vvbWQa … Read more
This got me started. Set up the block with create-guten-block Gitub Update block.js to something like: import ‘./style.scss’; import ‘./editor.scss’; var PluginPrePublishPanel = wp.editPost.PluginPrePublishPanel; var registerPlugin = wp.plugins.registerPlugin; function Component() { wp.data.dispatch(‘core/editor’).lockPostSaving() //do stuff //wp.data.dispatch(‘core/editor’).unlockPostSaving() return wp.element.createElement( PluginPrePublishPanel, { className: ‘my-plugin-publish-panel’, title: ‘Panel title’, initialOpen: true, }, ‘Panel content’ ); } registerPlugin( ‘my-plugin’, { render: … Read more
Block editor blocks are dynamically constructed by parsing the HTML of post_content. Blocks are delimited by HTML comments that looks like these: <!– wp:image –> <figure class=”wp-block-image”><img src=”https://wordpress.stackexchange.com/questions/359758/source.jpg” alt=”” /></figure> <!– /wp:image –> The way the actual data of blocks is stored depends entirely on the block. Blocks can either store their attributes inside the … Read more
To do so you need to use a redux store. To register your own you can follow the steps in the documentation. Here is the minimum that should achieve what you are looking for. First, lets give the “shape” of the store in the initial state object: const initial_state = { my_control: { value: “” … Read more
General block name search One can e.g. use the general search in the /wp-admin backend to find some text within the post’s content that stores the blocks: We can search for a prefixed block name wp:my-plugin/my-block within the posts: example.com/wp-admin/edit.php ?s=wp:my-plugin%2Fmy-block%20&post_type=post where we have an extra space (url encoded as %20and / as %2F) after … Read more
Many wp.blocks.* controls have been moved to wp.editor.* (see release notes). Specifically wp.blocks.InspectorControls is now wp.editor.InspectorControls – you’ll need to change the first line of your code. Note: registerBlockType is still imported from wp.blocks.* iirc. As a side note, I’ve also found that the focus && trick no longer required as GB automatically displays the … Read more
I know this question is a few months old by now, but I got around this issue using the following code and thought it might be helpful for others. There might be a better way, but this works: import ColorSchemeSelect from “./components/color-scheme-select”; import includes from “lodash/includes”; const { select } = wp.data; const { registerPlugin … Read more
You can find the versions in WordPress here with this recently created document: https://developer.wordpress.org/block-editor/principles/versions-in-wordpress/ You weren’t alone in wanting to have this information 🙂 As mentioned above, it can be tricky to directly line up versions but this is the closest approximation currently. When WordPress 5.5 is launched, this document will be updated.
Yes, you can disable it. You can do this with code If you want to disable it globally, you can use this code: if ( version_compare($GLOBALS[‘wp_version’], ‘5.0-beta’, ‘>’) ) { // WP > 5 beta add_filter( ‘use_block_editor_for_post_type’, ‘__return_false’, 100 ); } else { // WP < 5 beta add_filter( ‘gutenberg_can_edit_post_type’, ‘__return_false’ ); } And if … Read more
LinkControl is an experimental component, so it’s declared differently in blockEditor package try this as an import statement, this worked for me: const {__experimentalLinkControl } = wp.blockEditor; const LinkControl = __experimentalLinkControl;