DigitalEye Plugins
  • Home
  • How to add a custom class or an ID to a Bubble element
  • LINKS
    • Contributor page
    • Contact us
  • PLUGINS
    • Advanced Dynamic Tables 🚀
    • Advanced Editable Tables ✏️
    • Export Page to PDF 🔥
    • Advanced Algolia Search 🕵️
    • Rich Text Editor like Medium 📝
    • Scrollspy 👁
    • Move, Rotate & Resize element 🔄
    • Inverted RepeatingGroup (for Chat app)
    • Live Chats (LiveChat.com, Intercom ...) 💬
    • Advanced Screenshot Element 🖼
    • Screenshot Element 🖼
    • Cookies 🍪
    • Device by Screen Size 📱 🖥 📺
    • Browser Language and Locale 📍
    • Advanced <iframe> element 🖥
    • Conditional Redirect 🔀
    • Users Online 🙋‍♂️
    • Page Close Event 🚪
  • TEMPLATES
    • Eatics: Food Delivery Platform like Uber Eats 🍔
    • Coursus: Advanced Online Courses (Udemy-like) 🎓
    • Sline: Premium Admin & Dashboard 📈
    • BubbleBook: a GitBook clone
    • BubbleBook Landing
Powered by GitBook
On this page
  • 🔗 Links
  • ℹ️ Introduction
  • 🔥 Features
  • 📚 Documentation
  • ➡️ Quick Start
  • ➡️ Available Toolbar Buttons
  • ➡️ Change the Toolbar Theme
  • ➡️ States and Events

Was this helpful?

  1. PLUGINS

Rich Text Editor like Medium 📝

The dead simple inline editor toolbar

PreviousAdvanced Algolia Search 🕵️NextScrollspy 👁

Last updated 3 years ago

Was this helpful?

🔗 Links

|

ℹ️ Introduction

This is a clone of inline editor toolbar.

🔥 Features

  • 7 different themes

  • 25+ toolbar buttons

  • Extremely simple setup

📚 Documentation

➡️ Quick Start

  1. Add the Medium Text Editor on the page:

2. Set the Content field (can be static or dynamic value) and the Buttons list (comma-separated values). See below for the available buttons.

➡️ Available Toolbar Buttons

  • bold

  • italic

  • underline

  • anchor

  • quote

  • strikethrough

  • h1, h2, h3, h4, h5, h6

  • justifyLeft, justifyCenter, justifyRight, justifyFull

  • orderedlist, unorderedlist

  • indent, outdent

  • image

  • pre

  • removeFormat

  • html

  • subscript

  • superscript

➡️ Change the Toolbar Theme

To change the toolbar theme, simply call the Set Theme action and choose one of the available themes.

You can also create your own theme by writing custom CSS.

➡️ States and Events

You can always access the Content state with current editor content.

Every time the content changes, a Content changed event is triggered. You can use it in your Workflow

Demo
Editor
Plugin page
Forum
medium.com