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.
tiptap
225
questions
-1
votes
0
answers
16
views
How can I make interactive text in Tiptap editor?
What I need is for the editor to mark specific words (for example underline it with a unique color), and make it interactive - clicking on the specific word would open a floating menu.
So what I have ...
- 1
0
votes
0
answers
59
views
react tiptap Editor disable markdown rendering
I am using the tiptap editor in my application, where I am displaying markdown and a custom extension.
When the user is editing die content, the markdown elements should not be "rendered", ...
- 196
1
vote
0
answers
10
views
When using tiptap in react, a routing problem was encountered
When I jump from /editor to /, I get an error:
Unexpected Application Error!
Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
I don't know how to fix it. ...
- 11
0
votes
0
answers
56
views
How to Use TipTap <EditorProvider /> with <EditorContent />?
Background
I'm using React, Next.js, and TipTap as part of a project. I have been using TipTap with useEditor initially, but to allow more flexibility and prevent the need to pass the editor to every ...
- 3,013
1
vote
0
answers
30
views
How to Convert a Single Line to Heading in Tiptap React Editor Without Changing the Entire Paragraph?
I'm using the Tiptap editor in a React project and I'm facing an issue with converting a single line of a paragraph to a heading. When I try to convert a single line to a heading, the entire paragraph ...
0
votes
1
answer
159
views
How to integrate Tiptap Rich Text Editor with ShadCN UI and Next.js?
I'm working on a Next.js project using ShadCN UI for my form components. I want to replace a simple field with a Tiptap rich text editor for the description field in my form.
Here is the current code ...
- 11
1
vote
0
answers
47
views
Converting a Node to a Mark in Tiptap and adding text before and after
I'm currently working on a project where I'm using Tiptap, and I'm trying to convert a Node into a Mark. The goal is to have the ability to write text before and after this node. I've attached the ...
0
votes
0
answers
23
views
Naming convention for TypeScript generic → specific → union
I'm routing events to handler functions, and the place to include custom data is Transaction.getMeta(typeaheadPluginKey). Normally my Actions would be top-level objects and I'd have a fairly simple ...
- 10.3k
0
votes
0
answers
11
views
Allowing unknown tags inside the editor using a wildcard extension
I am trying to create an extension which will catch all unknown tags pasted into the editor and renders them as they are without modifying anything. Here's the extension I wrote to do this:
import { ...
- 731
0
votes
0
answers
38
views
Tiptap Editor Extend Link for Atom
I was creating a small comment box using tiptap editor and I wanted the link to be directly not editable, the documentation says if the atom for any extension is true, you cannot directly edit it ...
- 11
0
votes
1
answer
82
views
Is there a way to setContent within TipTap editor within a particular element?
I am using setContent, but it replaces everything within the editor. I only want to update the content in a particular location within the editor. Currently I have it hooking into the editor with an ...
- 11
0
votes
0
answers
45
views
How to add serial numbers to custom extensions in Tiptap Editor
I wrote a custom extension for inserting test questions based on tiptap. Now I encounter a problem: how to add an auto-increment serial number to the current custom node when executing insertQuestion
...
- 1
0
votes
2
answers
183
views
In TipTap v.2.4.0, I have the error 'Could not resolve @tiptap/pm' with the extension StarterKit
I installed TipTap v.2.4.0 in my React project following their guide but I get the errors:
Could not resolve "@tiptap/pm/state"
Could not resolve "@tiptap/pm/gapcursor"
Could not ...
- 13
0
votes
2
answers
256
views
BlockNote OnChange Issues in Next JS
After I type in "/" the component re-renders every single time I try to type something, making it unusable.
File A:
const update = useMutation(api.documents.updateDocument);
const ...
- 1
0
votes
0
answers
32
views
Using TipTap version 2, how can I tell if a whole paragraph is selected rather than just some of the text within the paragraph?
I'm experimenting with TipTap v2 and am trying to show a BubbleMenu when the user selects some text. I'd like to mimic the way the Medium editor works, in that when the user selects a whole paragraph ...
- 13.4k