Display an isolated Block Editor field on admin screen (with Classic Editor enabled) or on the front-end.
| Setting name | Description |
| Height | Define editor min/max height |
| Autoresize | Height will be based on the editor content |
| Top Bar | Show the menu bar on top of the editor |
| Top Bar Tools | Display specific tools: Inserter, Selector, Undo, Contents, Navigation, Inspector and Editor |
| Fixed Toolbar | Fix the toolbar on top of the editor |
| Allow Code Editing | Display Code Editing |
| Allow Lock | Allow blocks to be locked |
| Allow File Upload | Allow users to upload files |
| Allow File Library | Allow users to use the Media Library |
| Allowed Blocks | Define specific blocks that can be used |
$block_editor = get_field('block_editor');
/**
* '<!-- wp:paragraph -->
* <p>Lorem ipsum dolor sit amet</p>
* <!-- /wp:paragraph -->'
*/The Block Editor field is only compatible with blocks registered in JavaScript. It cannot be used with server-side blocks at the moment (ie. ACF Block Types). You can find a list of compatible core blocks and their description on the Gutenberg documentation here. Here is the list:
| core/archives | core/audio | core/block | core/button |
| core/buttons | core/calendar | core/categories | core/code |
| core/column | core/columns | core/cover | core/embed |
| core/file | core/freeform | core/gallery | core/group |
| core/heading | core/html | core/image | core/latest-comments |
| core/latest-posts | core/list | core/media-text | core/missing |
| core/more | core/nextpage | core/paragraph | core/preformatted |
| core/pullquote | core/quote | core/rss | core/search |
| core/separator | core/shortcode | core/social-link | core/social-links |
| core/spacer | core/subhead | core/table | core/tag-cloud |
| core/text-columns | core/verse | core/video |