Kirby Fields Block

Kirby block preview plugin to directly render block fields, allowing for inline editing.

Usage

Block definition

When creating a custom block in your blueprints, pass preview: fields to utilize this plugin

blockname:
  name: Block Name
  preview: fields # required
  wysiwyg: true # recommended
  fields:
    text:
      label: Text
      type: text

Setting wysiwyg: true prevents drawer from automatically opening when creating a new block.

Disable block title

You can disable the block title bar by passing label: false

blockname:
  name: Block Name
  preview: fields
  wysiwyg: true 
  label: false # disables block title bar
  fields:
    text:
      label: Text
      type: text

Example

Collapse/Expand block

You can collapse or expand the block preview by clicking on the arrow icon or double clicking the block title bar.

Notes

The block icon will appear in the title bar.
Currently does not support blocks with tabs.

Installation

composer require jg/kirby-fields-block

Other installation methods

Download

Download and copy this repository to /site/plugins/kirby-fields-block.

Git submodule

git submodule add https://github.com/jongacnik/kirby-fields-block.git site/plugins/kirby-fields-block