ACF EditorJS Field
Adds EditorJS field type to Advanced Custom Fields
by Giant Peach · github.com/giant-peach-design/acf-editorjs · website
★ 1stars
72composer installs
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/giant-peach-design/acf-editorjs/archive/refs/heads/main.zipAlso on Packagist as giantpeach/acf-editorjs:
composer require giantpeach/acf-editorjsFrom the readme
ACF EditorJS Field
A WordPress plugin that adds Editor.js as a field type for Advanced Custom Fields.
Features
- Rich text editing with Editor.js
- Multiple block types: Header, Paragraph, List, Quote, Code, Table, Warning, Image, Embed
- Configurable tools per field
- JSON data storage
- Composer installation support
Requirements
- PHP = 7.4
- WordPress = 5.0
- Advanced Custom Fields = 5.8
Installation
Via Composer
1. Add the plugin to your project:
2. The plugin will be installed to your mu-plugins or plugins directory (depending on your composer configuration).
Manual Installation
1. Download the plugin
2. Upload to your /wp-content/plugins/ directory
3. Activate the plugin through the 'Plugins' menu in WordPress
Usage
Once activated, you'll have a new "EditorJS" field type available in ACF field groups.
Field Settings
- Default Value: Set the default content for new posts
- Placeholder Text: Placeholder shown in empty editor
- Available Tools: Choose which Editor.js tools to enable
- Minimum Height: Set the minimum height of the editor
Retrieving Data
The field returns Editor.js data as an array:
Rendering Content
You'll need to create your own renderer for t