YAML Editor

This module loads an Ace editor for all textarea with data-yaml-editor attribute.

Demo

Use with Form API

When you need an editor for your YAML files add a data-yaml-editor to you textarea like this:

$form['config'] = [
  '#type' => 'textarea',
  '#title' => t('Configuration'),
  '#attributes' => ['data-yaml-editor' => 'true'],
];

Supporters

Here are some module which are already implementing the data-yaml-editor attribute this means you just enable this module and will get the editor for:

• Linked Field
• Menu Link Attributes
• Block Attributes
• Responsive SVG