bobbingwide

The ACF field block displays individual fields registered using ACF.
It supports the following field types:
<ul>
<li>Basic: Text, Text Area, Number, Range, Email, URL, Password</li>
<li>Content: Image, File, WYSIWYG Editor, oEmbed, Gallery</li>
<li>Choice: Select, Checkbox, Radio Button, Button Group, True / False</li>
<li>Relational: Link, Post Object, Page Link, Relationship, Taxonomy, User</li>
<li>Advanced: Google Map, Date Picker, Date Time Picker, Time Picker, Color Picker</li>
<li>Layout: Group, Clone, Repeater, Flexible Content</li>
</ul>
Features
<ul>
<li>Uses a single block – ACF field</li>
<li>The block can be used within the Query Loop</li>
<li>Most field types are rendered in the block editor.</li>
<li>Supports display of the field’s label, if required.</li>
</ul>
This plugin depends on Advanced Custom Fields PRO; it uses the plugin’s server side rendering block logic. 
If ACF PRO is not activated then the ACF field block will not be registered.
For PHP developers 
The extensible architecture allows: 
– overrides to rendering logic by field type, 
– rendering for custom field types, 
– rendering for custom field names
If you want to alter the output from the <code>acf-field-block/acf-field</code> block 
then you can either hook into the <code>render_block_acf-field-block/acf-field</code> filter to 
modify the generated HTML, 
or the <code>acf_field_block_get_renderer</code> filter to set your own callback function/method 
for a field type or specific field.
Google Map fields use JavaScript from maps.googleapis.com. 
The Google Map field requires an API key which you can obtain from 
https://developers.google.com/maps/documentation/javascript/get-api-key

Field block for ACF PRO

No code solution to display ACF fields using the ACF field block.

Jameel Moses

Roman Klabal

Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews. Editing the fields layouts also happens in a modal for a better editing user experience.
<h4>Image Conventions</h4>
<ul>
<li>The size of the image should be 730 x 300.</li>
<li>They should be named based on the layout’s name (<code>text_block</code>) with underscores converted to dashes (<code>text-block.jpg</code>).</li>
</ul>
<h4>Image Location</h4>
Images should be placed in your theme. By default, images are located here: <code>THEME/lib/admin/images/acf-flexible-content-extended</code>.
Also note that you can filter this path, but it MUST be in your theme:
<pre><code>add_filter( 'acf-flexible-content-extended.images_path', $path );
</code></pre>
NOTE: The path should not have a trailing beginning or trailing slash!
Additionally, you could filter all keys and/or images:
<pre><code>add_filter( 'acf-flexible-content-extended.images', $images );
</code></pre>
<h4>Issues & Feature Requests</h4>
If you identify any errors or have an idea for improving the plugin, feel free to open an <a href="https://github.com/jameelmoses/acf-flexible-content-extended/issues" rel="nofollow ugc">issue</a> or <a href="https://github.com/jameelmoses/acf-flexible-content-extended/pulls" rel="nofollow ugc">create a pull request</a>. Please provide as much info as needed in order to help resolving or approve your request.

Flexible Content Extended for Advanced Custom Fields

Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews and editing in a modal for better UX.

Field block for ACF PRO vs Flexible Content Extended for Advanced Custom Fields