Field Render

This field requires at least WordPress 6.0+
This field requires Classic Editor when displayed in the WP Admin

Display an isolated Block Editor field on any admin page or on the front-end.

To display this field in the WP Admin, the Classic Editor must be enabled. This is a limitation of the native WP Gutenberg logic, which doesn’t allow to initialize a Block Editor inside Gutenberg itself at the moment.

The Classic Editor can be enabled using the builtin ACF Extended Classic Editor module, or with the Field Group “Hide on screen: Block Editor” setting. It is also possible to use a third party plugin, such as Classic Editor or Disable Gutenberg.

Field Group

Field Settings

Setting nameDescription
HeightDefine editor min/max height
AutoresizeHeight will be based on the editor content
Top BarShow the menu bar on top of the editor
Top Bar ToolsDisplay specific tools: Inserter, Selector, Undo, Contents, Navigation, Inspector and Editor
Fixed ToolbarFix the toolbar on top of the editor
Allow Code EditingDisplay Code Editing
Allow LockAllow blocks to be locked
Allow File Upload
Allow users to upload files
Allow File Library
Allow users to use the Media Library
Allowed BlocksDefine specific blocks that can be used

Field Value

$block_editor = get_field('block_editor');

/**
 * '<!-- wp:paragraph -->
 * <p>Lorem ipsum dolor sit amet</p>
 * <!-- /wp:paragraph -->'
 */

Compatible Blocks

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/archivescore/audiocore/blockcore/button
core/buttonscore/calendarcore/categoriescore/code
core/columncore/columnscore/covercore/embed
core/filecore/freeformcore/gallerycore/group
core/headingcore/htmlcore/imagecore/latest-comments
core/latest-postscore/listcore/media-textcore/missing
core/morecore/nextpagecore/paragraphcore/preformatted
core/pullquotecore/quotecore/rsscore/search
core/separatorcore/shortcodecore/social-linkcore/social-links
core/spacercore/subheadcore/tablecore/tag-cloud
core/text-columnscore/versecore/video