link_options

On this page

Description:

Configure the controls to edit hyperlinks around selected text.

Appears in:
├── _inputs
│   └── *
│       └── Rich Text Input
│           └── options
│               └── link_options
└── _editables
    ├── content
    │   └── link_options
    ├── block
    │   └── link_options
    └── text
        └── link_options
Type:
Object
Properties:
hrefObject#

This key defines an editing interface for relative, absolute, and fully qualified URLs.

Appears in: link_options, image_options, _inputs.*.

This key defines an editing interface for true or false values.

Appears in: _inputs.*, link_options, image_options.

Show examplesHide examples

In this example, we have configured the featured key as a Boolean Input.

Copied to clipboard
_inputs:
  featured:
    type: switch
    label: Featured
{
  "_inputs": {
    "featured": {
      "type": "switch",
      "label": "Featured"
    }
  }
}

This key defines an editing interface for true or false values.

Appears in: _inputs.*, link_options, image_options.

Show examplesHide examples

In this example, we have configured the featured key as a Boolean Input.

Copied to clipboard
_inputs:
  featured:
    type: switch
    label: Featured
{
  "_inputs": {
    "featured": {
      "type": "switch",
      "label": "Featured"
    }
  }
}

This key defines an editing interface for true or false values.

Appears in: _inputs.*, link_options, image_options.

Show examplesHide examples

In this example, we have configured the featured key as a Boolean Input.

Copied to clipboard
_inputs:
  featured:
    type: switch
    label: Featured
{
  "_inputs": {
    "featured": {
      "type": "switch",
      "label": "Featured"
    }
  }
}
titleObject#

This key defines a simple editing interface for plain text.

Appears in: _inputs.*, link_options, image_options.

Show examplesHide examples

In this example, we have configured the title key as a Text Input.

Copied to clipboard
_inputs:
  title:
    type: text
    label: Blog Title
{
  "_inputs": {
    "title": {
      "type": "text",
      "label": "Blog Title"
    }
  }
}
Examples:
Open in a new tab