Skip to content

Version 2.0


First you have to switch into your project location using the command line.

cd path/to/your/project

Then you can install the plugin as follows:

npm install @xeditor/plugin-changeelementlevel --save --registry


The demo configuration of the plugin looks like this:

    pluginId: 'changeelementlevel',
    ptype: 'uxxeditorchangeelementlevel',
    enableContextMenu: true,
    elements: [{
        moveElementType: 'chapter',
        checkElementType: 'heading'

This configuration results in the following:

  • when a heading element is selected, the indent and outdent button will be enabled (if possible, outdent action is not enabled if selected element is already on first level)
  • as enableContextMenu config is set to true, corresponding entries will be added to the context menu
  • triggering the acton will indent/outdent the chapter element selected heading belongs to

The plugin also adds additional button templates, which can be used in your toolbar configuration.


The API can be found here: Change element level Plugin 1.1


This plugin exports the following button templates that can be used in your toolbar configuration:

Name Action
button:xeditor.indent Indents currectly selected list item
button:xeditor.outdent Removes indent of currently selected list item




  • Adjustments as custom button properties now appear in property xedata
  • updateToolbarState will now no longer update the toolbar when the selection offset has changed, since this doesn't affect which buttons are enabled (performance gain)
  • Changed to new way toolbar buttons are updated
  • Changed property names
  • Adapted handling of context menu entries to new events