Skip to content

Bubble plugin · Inputs & forms

The Bubble Rich Text Editor plugin in Next.js

A rich text input built on Quill 2.

Converts

By The deBub teamUpdated

On this page

01What it becomes

A rich text input built on Quill 2. Bubble’s Rich Text Editor stores its content as BBCode. The generated editor runs on Quill (the editor the plugin is built on) and converts BBCode in both directions, so existing content displays and saves exactly as before.

npm packages added to your app: quill.

02What converts

  • Theme (regular or tooltip) and toolbar complexity
  • Initial content, placeholder, required and disabled
  • Value, “is valid” and focus states; “value changes” event
  • Reset and focus actions

03About this plugin

Rich Text Editor is made by Bubble itself (visual element (input)). Bubble’s plugin marketplace counts 461,045 installs (a cumulative counter). See its page on the Bubble marketplace.

Questions

Does the Rich Text Editor plugin work outside Bubble?
Not as it is: Bubble plugins only run inside Bubble. In a Next.js app it is replaced by generated code — A rich text input built on Quill 2 (quill).
Will my Rich Text Editor settings carry over?
Yes. deBub reads the plugin’s settings, conditions and workflows from your .bubble export and converts all of the plugin’s parts. Secret keys are the exception: you add them as environment variables.

The deBub team

We build the Bubble → Next.js compiler behind deBub. Spotted something out of date? Write to hello@debub.io.

All 45 plugins

A React component that ships with your app: icons, toggle, range slider and checkbox

Converts

A React component that ships with your app: a multi-select with tags

Converts

A React component that ships with your app that reads an input as the user types

Converts

A React component that ships with your app: a star rating input

Converts

Leave Bubble.
Keep building.

The scan is free and shows your exact price. No card needed until you choose to generate.

Start with a free scan