Inline toolbar for Etherpad

A simple way to add the toolbar buttons inline on the editor. These buttons only appear when you highlight text.

Usage

To change the visible buttons, the buttons must be added to settings.json in the toolbar section as a section called inline else all formatting buttons will be visible.

For example..

  "toolbar": {
    "left": [
      ["bold", "italic", "underline", "strikethrough"],
      ["orderedlist", "unorderedlist", "indent", "outdent"],
      ["undo", "redo"],
      ["clearauthorship"]
    ],
    "right": [
      ["importexport", "timeslider", "savedrevision"],
      ["settings", "embed"],
      ["showusers"]
    ],
    "timeslider": [
      ["timeslider_export", "timeslider_returnToPad"]
    ],
    "inline":[["bold", "italic"]]
  },

The above example will make bold and italic show up inline.

License

Apache 2

Installation

Install from the Etherpad admin UI (Admin → Manage Plugins, search for ep_inline_toolbar and click Install), or from the Etherpad root directory:

pnpm run plugins install ep_inline_toolbar

⚠️ Don't run npm i / npm install yourself from the Etherpad source tree — Etherpad tracks installed plugins through its own plugin-manager, and hand-editing package.json can leave the server unable to start.

After installing, restart Etherpad.