🤌 Rich text editor with real-time collaboration (Tiptap)

[rico.trevisan]

BETA Release 1.13.2 - H2, H3, H4 + body are customizeable

• you can define the font-family of the body
• however there’s a bug if you change the font-family conditionally – I’ve submitted a bug report already.

Between the Github sync failing, discovering bugs… this is a painful path.

Are you guys OK with defining margins with CSS, like this?

[rico.trevisan]

Release 1.13.3: BETA H5, H6, and table customization

[rico.trevisan]

Release 1.13.4: BETA: Zebra color

• You can now set the odd row’s background color

[gradylam]

My app sudden threw this error when the workflow try to set content on the tiptap. It did not happen before. Please help.

The plugin Rich text editor (Tiptap.dev) / action Set content a Tiptap threw the following error: TypeError: Cannot read properties of undefined (reading ‘commands’)
at eval (PLUGIN_1670612027178x122079323974008830/Rich-text-editor–Tiptap-dev–element_action–Tiptap-Set-content-.js:6:23)
at https://imaworld.com/package/run_debug_js/af01048214c16a21f5feaa2b39e50e89e6160624bf703c5b410212d0241e1022/xfalse/x21/run_debug.js:11:2828088 (please report this to the plugin author)

[rico.trevisan]

I just checked a couple of installations and both set and insert content are working. Could you share the workflow that leads to this error? Could it be that the editor is not yet initialized when this command tried to run?

[TinkerWorks]

Hi Rico

Enjoying building with your plug-in.

Few items of feedback

• Ability to turn off shortcuts for styles, the app I’m building is only allowing the user to pick H1, H2 styles so it’s inconvenient if H3-6 is still accessible through shortcuts.
• Link styling - black with underlined hover is not the default pattern for most apps.
• General text styling: Line height, word spacing, letter spacing
• Use your app’s Styles for each type
• A good way to do a link attachment without a popup, preferably a Group Focus near the highlighted text area

Love the plugin
Cheers!

[satreoscar]

Hello,
Does the plugin accept HTML as input?
Thank you !

[kim.rounsefell]

Hi Rico,
Thank you for making such a great plugin, being able to access text in the rich text editor for the purpose of running workflows along with all the other functions available has been absolutely awesome.

I’ve run into 1 challenge when it comes to formatting and populating the rich text field with content from results of a workflow. What seems to be happening is that the content added is wrapped in paragraph tags which I can’t seem to override. The initial content is nicely formatted, but when I refresh the field (via autobinding) it looses all formatting. I’ve tried a number of strategies to override it, like find and replace, forcing other tags like applying heading tags (this option seems to work but doesn’t always suit my use case). I’ve added a before and after rich-text display and database data examples.
Thank you again
Kim

When content is first populated:

After autobinding save:

[rico.trevisan]

Could you show me your setup?

[rico.trevisan]

A quick update, currently working on the real-time collaborative editor. Thanks to @bek

[rico.trevisan]

Release 1.14.0: Styles customization

• You can now customize lots of the styling of the editor.
• Links can be customized
  
  
• Link hover adv allows you to add your own CSS properties.

[rico.trevisan]

Best to use the set content action. Check out this example: editor – demo.

I think I battled this Bubble property and autobinding so much I “turned off” this feature.

[haonguyen]

Do you have any solution don’t affect note? because if set the content, the last modified will be changed, I want the modified date was changed by change value input title or tiptap content update. Check out my source: demo and editor

[rico.trevisan]

Release 1.15.2: Editor’s content will change according to initial content’s value

cc: @haonguyen

[rico.trevisan]

You can now support this project

Toss a coin to your witcher – aka $upport this project:

• one off: PayPal
• monthly: Patreon

[haonguyen]

Thank you for the release, Rico. But looks like the editor's content auto-updates… like the gif attached.

[rico.trevisan]

@kim.rounsefell

What seems to be happening is that the content added is wrapped in paragraph tags which I can’t seem to override.

Kim,

I think this is a core functionality of ProseMirror – the underlying engine of Tiptap. It removes all spaces between <tags>. Here’s what your text looks like:

It wraps each paragraph a <p>.

What are you doing that you need to preserve the white spaces in the HTML? Could the plain text output not be useful in this case?

[rico.trevisan]

@haonguyen

But looks like the editor's content auto-updates… like the gif attached.

I’m not sure I understand. Couldn’t you leave the initial content empty and then control its content with the set content action?

Also, I’ve once had a case where I had to have more control over the dates of a item and I created my own date field. Maybe it could be applicable here?

[rico.trevisan]

@satreoscar

Hello,
Does the plugin accept HTML as input?
Thank you !

Yes, it does.

[rico.trevisan]

@ThomasC2A

Hey @rico.trevisan !

Love your plugin ! It’s great to finally see a good rich text plugin !

By any chance, is there a way the changer the default font color ? My app is dark themed, so i’d like to change the default font color to white.

That’s my only limitation with your plugin

It took me a while to get to this, but you can now control a bunch of font parameters.