šŸ¤Œ Rich text editor with real-time collaboration (Tiptap)

Hey @rico.trevisan - Hope youā€™re doing well! Iā€™ve got a cool idea for the plugin that I think could be super useful.

Thereā€™s this function called InsertContentAt that I stumbled upon in the TipTap docs. You can check it out here. Basically, it lets you swap out specific bits of content without having to redo the whole document. I reckon this could be a great addition to our plugin. Itā€™d make replacing sections within the editor a lot more flexible.

Let me know what you think and thanks as always for your help.

1 Like

You are a super star @rico.trevisan :star2: . Imma buy you a coffee.

1 Like

Also, image extension to resize images would be a huge help:

2 Likes

+1 upvote for Image Resizer :white_check_mark:

1 Like

Have you seen MDX Editor @rico.trevisan?

1 Like

Release 3.19.0 - insertContentAt

  • you can now insert the content at a certain location
  • the plugin now exposes the current selectionā€™s from and to

Thanks to @campbell to sponsoring this change.

3 Likes

Release 3.20.0 - HTML selection

  • you can now get the output of the HTML starting from the first block element (<p>, <h1>, etc.)
  • it also outputs the JSON

NB: Bullets have to be selected entirely for it to work :person_shrugging:

Thanks @campbell for sponsoring yet another feature.

3 Likes

If you want to crowdfund issues: Issues Ā· RicoTrevisan/Tiptap-for-Bubble Ā· GitHub

Pull requests welcome.

2 Likes

Release 3.20.1 - selectedHTML only outputs the selection

I refactored some of the exposed states.

Hat-tip to @campbell

1 Like

First of all, I want to congratulate you on the brilliant work with this plugin. It is undoubtedly the best available, even better than many paid ones.

Now that Iā€™ve given my complimentsā€¦

I noticed a bug in the latest version 3.20.0: when two tiptaps are added to a page, only the first one is rendered, and the second one is not displayed.

To resolve this, I reverted to version 3.19.0, and it worked fine.

1 Like

Hello Rico,
Thanks for all these updates ! (And thank you @campbell too <3)
Started playing with the JSON and saw that the ā€œhardbreakā€ way to create a new line while staying in the same <p> is not working. (screenshots)

An easy workaround for now is to set a \n :

{
   "type":"paragraph",
   "content":[
      {
         "type":"text",
         "text":"First line"
      },
      {
         "type":"text",
         "text":"\n"
      },
      {
         "type":"text",
         "text":"Second line with \"Maj+Enter\""
      }
   ]
}

So itā€™s just FYI.

Edit : when editing content, the \n disappears. I just do new lines instead now.


1 Like

+1 using this in a SPA and was going round in circles because it was only rendering in the first loaded view.

@gilveloso.oficial thanks for the version rollback heads up!

2 Likes

Thanks for catching this! I thought that the changes I made were not related to multi-editor functionality so I didnā€™t even test that properly. Apologies; Iā€™ll take a look this Friday.

Are there any errors on the console?

1 Like

These are the errors that the console threw up for me

Thanks, I just pushed a new version that should fix this.
The issue was that I left a debugging step on.

1 Like

Legend, thank you! Works perfectly again.

And I wanted to check if this is a bug or an expected action; is it possible to indent/ outdent text? EX: at the moment outdenting lists is the only action possible for either of those functions.