Stack Overflow
Stack Overflow

Questions tagged [tiptap]

For questions about tiptap, a headless, framework-agnostic and extendable Javascript/Typescript rich text editor, based on ProseMirror. When using this tag also include the [vue.js] or [reactjs] where possible.

168 questions
9
votes
1 answer

tiptap - Insert node below / at the end of the current one

I'm trying to create a text editor with tiptap using reactjs. I would like to create a button next to each "block" of the editor (paragraph block, blockquote block, codeblock block, ...) that allows the user to add a new empty block just before the…
pierre-lgb
  • 842
  • 1
  • 6
  • 15
8
votes
4 answers

tiptap font size react

I'm using tiptap as an editor in my react application, the problem is that I haven't found how to modify the font size inside my editor, I have searched for an external package but I have not found any. could someone tell me is there is a package…
Wissem Abid
  • 83
  • 1
  • 4
7
votes
0 answers

How to insert link on cursor position of tiptap editor in VueJS?

I'm new to VueJS and even more to the tiptap editor that my team is using. I need to make a function that inserts a link at the cursor position within the editor. I do know about the Link() function with the floating menu bubble. That's already…
Claudia
  • 139
  • 10
6
votes
1 answer

TipTap useEditor returning null

I'm using the useEditor function from the TipTap library to create an editor, but it returns null at first. What I mean is, if I used useEditor and immediately logged the variable I set it to, it returns null, but it returns an Editor object…
Neesh
  • 143
  • 2
  • 3
  • 13
6
votes
1 answer

How to bind content of Tiptap editor?

I'm using the Tiptap editor and I have issues accessing the content of the editor. I need to post the content of the editor to an API so I need the content. Here is my code: import tippy from "tippy.js"; import { Editor, EditorContent, VueRenderer…
Niaz Estefaie
  • 567
  • 6
  • 21
6
votes
2 answers

simply replace a node's content in prosemirror

I'm in a function that receives a string as input: (text) => { } I have access to the editor via Vue props (props.editor). I would like to replace the current node's content with this text. I cannot seem to find out how to do this. I'm using…
tyler-g
  • 509
  • 1
  • 6
  • 15
5
votes
2 answers

Change enter to break line instead of new paragraph in tiptap

I have searched for a way to change the default behavior for Enter to be the same as Shift + Enter. To get instead of new Is it possible to change to this behavior somehow?
Bohodir Rahmonov
  • 109
  • 1
  • 5
5
votes
1 answer

TipTap: Should I use JSON or HTML for backend storage

The TipTap editor and its progeny quasar-tiptap can export user created content in the browser in both HTML and JSON formats. If I plan on allowing round trips of the user data to my server what are the pros and cons of using either format for…
Jay Borseth
  • 1,894
  • 20
  • 29
5
votes
1 answer

How can i put content from tiptap text editor into a v-model?

I tried to bind editor.content directly to this.newTutorial.content but no luck yet.. in console : here is my code :