@wordpress/block-library
Version:
Block library for the WordPress editor.
30 lines (27 loc) • 881 B
JavaScript
import { createElement } from "@wordpress/element";
/**
* WordPress dependencies
*/
import { __ } from '@wordpress/i18n';
import { ToolbarButton } from '@wordpress/components';
import { useDispatch, useSelect } from '@wordpress/data';
import { rawHandler, serialize } from '@wordpress/blocks';
import { store as blockEditorStore } from '@wordpress/block-editor';
const ConvertToBlocksButton = _ref => {
let {
clientId
} = _ref;
const {
replaceBlocks
} = useDispatch(blockEditorStore);
const block = useSelect(select => {
return select(blockEditorStore).getBlock(clientId);
}, [clientId]);
return createElement(ToolbarButton, {
onClick: () => replaceBlocks(block.clientId, rawHandler({
HTML: serialize(block)
}))
}, __('Convert to blocks'));
};
export default ConvertToBlocksButton;
//# sourceMappingURL=convert-to-blocks-button.js.map