Advanced Multiline Input

nixx · 2024-11-20T03:28:16.479Z

Advanced Multiline Input

Your project might require more than what Bubble’s multiline input (an HTML textarea, by the way) can offer. At the same time, you might not need complex text editors like Quill Rich Text Editor, Notion-like Rich Text Editor, or Modern Rich Text Editor (Editor.js). What you need is AdvancedMultilineInput.

The AdvancedMultilineInput provides everything you need for rich, dynamic text input:

Basic Formatting: Bold, italic, underline, strikethrough, superscript, and subscript with keyboard shortcut support.

Autobinding: Automatically bind to the parent element’s data, saving changes without requiring a button click.

Live Text Selection: Automatically highlight your selected text or retain the last cursor position selection until the input is focused again.

Real-Time Updates: Receive instant feedback with customizable callbacks for focus, blur, and content changes.

Content Sanitization: Ensure your content is safe – no risky scripts or unwanted tags allowed.

Undo/Redo: Easily revert or reapply changes with undo/redo capabilities.

Word & Character Count: Track the length of your content with built-in word and character counters.

Text Replacement: Quickly replace selected text with new content on the fly.

Dynamic Paragraph Insertion: Seamlessly insert new paragraphs at the cursor position without worrying about nested tags.

Customizable & Extendable: Set placeholders, initial content, and integrate with toolbars (optional) – tailor it perfectly to your needs.

Demo:
https://nxd.bubbleapps.io/version-test/advminp

Plugin Page:
https://bubble.io/plugin/advancedmultilineinput-1713115947059x992570326362095600

More Plugins:
https://nxd.bubbleapps.io/version-test

Let’s partner to bring your ideas to reality:
hello@nixx.dev

buble · 2025-01-02T02:37:40.854Z

It seems this is exactly what I need but I am not sure how to use it for my purpose.

I am trying to pass multiline input to markdown parser, render the output and save both markdown and HTML in a database.
I am able to do it all within an htmlElement running in Iframe with markdown textarea and rendered html. But, I am not sure how to get the values back.

Is that possible using Advanced Multiline Input?

Thanks

nixx · 2025-01-02T07:26:13.336Z

Advanced Multiline Input currently supports only HTML, but if I receive enough requests, I’ll consider adding support for Markdown.

I’ve updated the demo page to show its outputs. Feel free to explore it here: https://nxd.bubbleapps.io/version-test/advminp.