TipWap - Tiptap (MIT version) Extension (for Node JS)

Wappler Extensions
, , , ,
1

Despite being an old moaning git I still love you all. Here is a Tiptap Extension for Wappler (Node JS). Full App Connect UI and Sever Connect implementation.

Rich text editor for Wappler forms and CMS fields — self-hosted MIT TipTap, not a paid cloud wrapper. Toolbar, tables, images by URL, task lists, and optional HTML source; syncs to a real <textarea> for Import From Form and POST.

  • Node.js: App Connect TipWap Editor (dmx-tipwap-editor) — per-instance toggles for align, highlight, source view, and table tools
  • Server Connect Sanitize HTML, Excerpt, and Word count before database insert
  • Lazy-loaded editor bundle; design view shows a placeholder so Wappler stays responsive

Wappler:

image
image522×633 31.2 KB

Page:

image
image1449×332 24.1 KB

Using the MIT version (non commercial) of Tiptap.

NOW AVAILABLE IN THE NATIVE EXTENSION INSTALLER WITHIN WAPPLER!

Github repo:

Feedback is very welcome and if you find it useful you can Buy Me a Coffee. Cheers y'all!

5 Likes
2

Now that is MASSIVE cheese, thank you so much

3 Likes
3

You are incredibly welcome Brian thank you for the kind comment. I know Tiptap has been long requested.

4

Don't you mean twit?

Copilot_20260619_112616
Copilot_20260619_1126161536×1024 258 KB

1 Like
5

Bash-Street-Kids-1982.-Courtesy-of-Beano-1024x831-3224504227
Bash-Street-Kids-1982.-Courtesy-of-Beano-1024x831-32245042271024×831 354 KB

I'm not saying who is who...

:joy:

1 Like
6

The Cheeze Meister does it again..! Brilliant extension, thanks for taking the time to do it.

1 Like
7

I have tested this extension by installing it using Wappler's Extension Manager. A one click installation that automatically includes all that is required to start using the extension.

1 Like