Block Data Attribute

⚠️ If you are not a developer, please use the official plugin post page on wordpress.org.

Installation

Download the plugin from it's GitHub Repository Release window.
Log into your WordPress website and navigate to Plugins » Add New.
Click Upload Plugin and Choose File, then select the plugin’s .zip file. Click Install Now.
Click Activate to start using your plugin right away.

Requirements

PHP version 7.4 or greater.
MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
WordPress version 5.5 or greater.

Description

This plugin designed with extensibility in mind for data that should be associated with a particular block type but need not have any defined meaning. data-* attributes will allow you to store extra information on different Gutenberg blocks, without other hacks such as non-standard attributes, appending properties on DOM, or modifying a block as HTML which will throw a block validation error when opening the post edit page once again.

Translators

Translators are welcome to contribute to the plugin. Please use the WordPress translation website.

Contributing

We welcome contributions in any form, and you can help reporting, testing, and detailing bugs.

Support

All support is handled via a dedicated support forum, available at Community Forums. Please head out there to open a new topic, in case you have any questions.

Rate

Please share your experience by leaving this plugin 5 shining stars ⭐⭐⭐⭐⭐ if you like it, thanks!

Donate

If you or your company use any of my projects or like what I’m doing, please consider making a donation so I can continue maintaining and evolving all my projects and new ones. I’m in this for the long run.

Block breaks when highlighting text across multiple blocks

Hi. I submitted this support thread and also thought it could go here. I am running into a problem with your plugin. When this plugin is activated, and you have a post with multiple paragraphs, then do a simple text highlight across multiple blocks, the first block where you started your selection breaks. You need to refresh the page without a save to get them working again. In my console there are some deprecation warnings and also an error by react-dom.


wp.components.IconButton is deprecated. Please use wp.components.Button instead.c @ 
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2 

wp.data.select( 'core/editor' ).getBlocks` is deprecated. 
Please use `wp.data.select( 'core/block-editor' ).getBlocks` instead.c @ 
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2 

Using custom components as toolbar controls is deprecated. 
Please use ToolbarItem or ToolbarButton components instead. See: https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols c @ 
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2 

Using Toolbar without label prop is deprecated. Please use ToolbarGroup component instead. See: https://developer.wordpress.org/block-editor/components/toolbar/ c @ 
deprecated.min.js?ver=be1d4376501c21d85ba98dd28ca2d7ea:2

react-dom.min.js?ver=16.13.1:125 TypeError: Cannot read property 'name' of null
    at script.js?ver=d253bec9f726baa0adf9f8a3da958145:1
    at we (react-dom.min.js?ver=16.13.1:84)
    at He (react-dom.min.js?ver=16.13.1:97)
    at zj (react-dom.min.js?ver=16.13.1:228)
    at Th (react-dom.min.js?ver=16.13.1:152)
    at tj (react-dom.min.js?ver=16.13.1:152)
    at Te (react-dom.min.js?ver=16.13.1:146)
    at react-dom.min.js?ver=16.13.1:61
    at unstable_runWithPriority (react.min.js?ver=16.13.1:25)
    at Da (react-dom.min.js?ver=16.13.1:60)
Me @ react-dom.min.js?ver=16.13.1:125

mypreview / block-data-attribute Goto Github PK