I13e.ButtonEditor

Button editor for Neos CMS

This package provides a new inspector editor displaying it's options as buttons.

Buttons operates like check- or radioboxes.

Installation

Run composer require i13e/buttoneditor.

Usage

Use the new editor in your properties

I13e.Package:Content.Text:
  properties:
    align:
      # ButtonEditor supports "string" and "array"
      type: string
      defaultValue: left
      ui:
        label: 'Align'
        inspector:
          editor: I13e.ButtonEditor/ButtonEditor
          editorOptions:
            # Allow all buttons to be deselected
            # boolean, default: false
            allowEmpty: false
            # Allow multiple buttons to be active
            # If set to true also use `type` array
            # boolean, default: false
            multiple: false
            # Disable all buttons
            # boolean, default: false
            disabled: false
            values:
              left:
                label: i18n
                icon: align-left
              center:
                label: i18n
                icon: align-center
              right:
                label: i18n
                icon: align-right
              justify:
                label: i18n
                icon: align-justify
                # An alternative icon for the active state
                iconActive: align-justify
                # Disable a single option
                disabled: true
            
            # ---
            # Optionally use a data source:
            # 
            # If `dataSourceIdentifier` or `dataSourceUri` is defined, the `values` from above will be ignored
            dataSourceIdentifier: 'i13e-some-datasource'
            dataSourceUri: 'some/custom-route'
            dataSourceAdditionalData:
              group: 'align'
            dataSourceDisableCaching: false

As you may have realized, the configuration is nearly completely compatible with the default SelectBoxEditor.

Examples

Basic example from above

Multiple with allowEmpty

          editorOptions:
            allowEmpty: true
            multiple: true
            values:
              # define your own

Multiple with allowEmpty:

          editorOptions:
            allowEmpty: true
            values:
              toggle:
                label: i18n
                icon: toggle-off
                iconActive: toggle-on

Known issues

Although the ButtonEditor works with Neos 5.3 it does not support automatic label i18n handling. With Neos 5.3 please use full translation paths.

Contribution

If you'd like to contribute simply create a pull-request.

Proudly developed in the Hanover Region

Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here. Quill Rich Text Editor Quickstart • Documentation • Development • Co

Jan 2, 2023

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

If you would be interested in helping to maintain one of the most successful WYSIWYG text editors on github, let us know! (See issue #1503) MediumEdit

Jan 4, 2023

Tiny bootstrap-compatible WISWYG rich text editor

bootstrap-wysiwyg Important information for Github requests/issues Please do not submit issues/comments to this repo. Instead, submit it to https://gi

Jan 3, 2023

EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.

⚠️ DEPRECATION WARNING This repository is no longer actively maintained. An Embeddable JavaScript Markdown Editor EpicEditor is an embeddable JavaScri

Dec 27, 2022

Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

This project isn’t maintained anymore Please check out this fork. wysihtml5 0.3.0 wysihtml5 is an open source rich text editor based on HTML5 technolo

Jan 7, 2023

Releases(1.0.4)

1.0.4(Nov 22, 2022)
What's Changed

docs: fix yaml indentation by @crydotsnake in https://github.com/ideenstadtwerke/I13e.ButtonEditor/pull/1

feat: add neos 8 to supported versions by @reflexxion

New Contributors

@crydotsnake made their first contribution in https://github.com/ideenstadtwerke/I13e.ButtonEditor/pull/1

Full Changelog: https://github.com/ideenstadtwerke/I13e.ButtonEditor/compare/1.0.3...1.0.4
Source code(tar.gz)
Source code(zip)
1.0.3(Feb 15, 2022)

Source code(tar.gz)
Source code(zip)
1.0.2(Feb 15, 2022)
What's Changed

fix: fix composer version constraint by @reflexxion in https://github.com/ideenstadtwerke/I13e.ButtonEditor/pull/2

Full Changelog: https://github.com/ideenstadtwerke/I13e.ButtonEditor/compare/1.0.1...1.0.2
Source code(tar.gz)
Source code(zip)
1.0.1(Feb 10, 2022)

Source code(tar.gz)
Source code(zip)
1.0.0(Feb 10, 2022)

Source code(tar.gz)
Source code(zip)