Block Editor PRO

Docs Fields Block Editor

#Field Render

This field requires WordPress 6.0 or higher.

This field requires Classic Editor mode when displayed in the WP Admin.

Display isolated WP Block Editor fields on any WP Admin page or in a front-end form.

When displayed in 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 with one of the following methods:

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