Skip to main content
241 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
29 views

I need to implement a BubbleMenu from Tiptap to support bold, italic, and adding links. In the Tiptap documentation demo, their BubbleMenu has a solid white background because they override the ...
Purple lamantin's user avatar
  • 1
0 votes
0 answers
17 views

I'm trying to restore Y.js document snapshot in hocuspocus server with the following code but it doesn't propagate update to connected tiptap editor clients. Though broadcast message is received by ...
Alex Kleshchevnikov's user avatar
  • 364
0 votes
0 answers
87 views

I’m trying to insert streamed Markdown chunks into a TipTap editor using Vue and tiptap-pagination-plus. The issue is that when the streamed content causes a page break, TipTap adds unwanted ...
fabricio Roberto's user avatar
  • 1
0 votes
0 answers
125 views

I'm having an issue with TipTap React editor where table node selection works functionally but shows no visual feedback. Individual cell selection works fine, but I need visual highlight for whole ...
saw you's user avatar
  • 3
0 votes
0 answers
73 views

Im using tiptap lib. It have table element and I already added border 1px to the th of the border. .tiptap table td, .tiptap table th { border: 1px solid #000; padding: 0.5em; box-sizing: border-...
kanjiake's user avatar
  • 1
0 votes
0 answers
52 views

I’m trying to create a custom mark in Tiptap v3 that highlights tags written like value inside inline text. Here’s my current extension: import { Mark, mergeAttributes, markInputRule } from "@...
GL_CH's user avatar
  • 1
0 votes
0 answers
39 views

I'm using Ant Design Form.List to display an input table with multiple rows, each row has a Rich Text Editor using TipTap. In each row I have: Several Select, Input, etc. fields. A TipTap text field, ...
Black Ivory's user avatar
  • 1
0 votes
0 answers
35 views

Currently, I trying to integrate an audio transcriptor feature to my note-taking desktop application built with electron. However, I encountered this error after implementing the whisper API into my ...
darzizalol's user avatar
  • 1
0 votes
0 answers
44 views

I tried to create an <img> Tag and then I can wrap the a tag around it, I tried to create the custom node Call CustomImage, I try some code from Generative AI and tweak but hard to understand, ...
mengkheang's user avatar
  • 1
0 votes
0 answers
96 views

I'm using TipTap 2.12.0. I'm trying to update the Heading extension so it adds a name attribute with a slugified version of the content of the heading so I can add anchor links that jump to a section ...
LondonAppDev's user avatar
  • 9,781
1 vote
0 answers
119 views

I am using the Tiptap editor in my Vue 2 project, but the editor is not visible in the browser. When I highlight text, the bubble menu doesn't appear, and when I move the cursor to the next line, the ...
Vijenthiran Vimal's user avatar
  • 11
0 votes
0 answers
92 views

I'm trying to use Tiptap directly in HTML. An example of this is given in the installation instructions. https://tiptap.dev/docs/editor/getting-started/install/cdn For further use in production, I can ...
olegvakulenko's user avatar
  • 1
0 votes
0 answers
138 views

I'm working on a web app that contains a text editor (TipTap particularly), and does some operations on the text, like marking parts of it with <mark> elements. I'm using the Highlight extension ...
Michał P.'s user avatar
  • 1
0 votes
0 answers
85 views

I am running tiptap with hocuspocus websocket for updating content to a database. This works fine locally but when I deploy it to my web hosting (where I run a custom next.js server) the web page ...
Sharpeye's user avatar
  • 21
0 votes
0 answers
162 views

I can only see the values in the console but value for RichTextEditor (TipTap) does not show with the FormData and shows this error: Validation Errors: { _errors: [], description: { _errors: [ '...
JS3's user avatar
  • 1,951
0 votes
0 answers
440 views

I have different kinds of articles: some already come with Tiptap-compatible JSON (plus HTML and raw text), while others come from external sources that include their own styling (for example, a class ...
yoyo's user avatar
  • 111
0 votes
0 answers
157 views

I created the following table: <table> <tbody> <tr> <th>Header</th> <th>Header</th> <th>Header</th> </tr> ...
yusuke.h's user avatar
  • 1
0 votes
1 answer
203 views

I have a Tiptap editor that is being controlled by React-Hook-Form. Whenever I include value in the second argument (the dependencies array) for useEditor, the editor loses focus whenever I start ...
cantCsharp's user avatar
  • 1
0 votes
0 answers
116 views

This is the error I get from Vercel when I try to deploy my NextJS project (npm run build works fine but Vercel is erroring out): npm error @tiptap/starter-kit@"^2.11.5" from the root ...
Benjamin Sloutsky's user avatar
  • 173
0 votes
0 answers
239 views

Trying to use the tiptap.dev (https://tiptap.dev/) extensions to create a WYSIWYG editor for vue 3. So far so good - I have everything but font-size. I don't see a way to install an extension for it ...
supremesector's user avatar
  • 129
0 votes
0 answers
55 views

I have a very basic tiptap editor setup in VueJS, something like this: // TipTap.vue <template> <div> <editor-content :editor="editor" spellcheck="false" /> ...
Gryphz's user avatar
  • 33
0 votes
0 answers
17 views

I have a page in NextJS and in my layout I have a quite complicated Tree component and my main page is a Server-side page with some client side components like Comments component. In comments, I use ...
Merger's user avatar
  • 71
0 votes
0 answers
231 views

Using TipTap Editor I would like to get the attributes of the selected range, however it always gives me the element wrapping my selection. The editor.getAttribute(nodeType) accepts a node type name. ...
Nex's user avatar
  • 179
0 votes
0 answers
96 views

I'm importing my extensions for the TipTap 2 editor in a React project: import Bold from '@tiptap/extension-bold'; import Document from '@tiptap/extension-document'; import History from '@tiptap/...
Patrick Kenny's user avatar
  • 6,905
1 vote
0 answers
241 views

I want to use tiptap to implement an editable inline label, but I found that the cursor cannot focuson the inside of the label. It always automatically jumps to the end of the label. <script type=&...
xiao yang's user avatar
  • 11
2 votes
0 answers
1k views

I am using the TipTap table plugin with the resize feature. The problem here is that I need the table to not be able to resize beyond the container. First image before resize Second image with the ...
asalgan's user avatar
  • 336
0 votes
0 answers
148 views

I am switching from CKEditor to TipTap editor in my Angular project. In order to first get to know TipTap I created a new project using Angular 19. (please see at the bottom for Edit 1: seems like the ...
Pianoman's user avatar
  • 413
0 votes
0 answers
49 views

Got a custom text-editor with TipTap for a personal project. Had image upload to a basic filesystem server on EC2, now converting to S3. Built the general logic, but on testing two part upload, I can ...
Ahmed's user avatar
  • 1
2 votes
0 answers
295 views

I am currently using (tiptap as for my app's editor. I want to ask is there a way to build a blockquote always have author's tag (this is a custom tag) at the last line of it. p/s: I am currently ...
minh chanh le's user avatar
  • 53
-1 votes
2 answers
2k views

What's going wrong over here? npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: [email protected] npm error Found: [email protected] npm error ...
GTL's user avatar
  • 7
1 vote
0 answers
548 views

I have created a custom Tiptap extension to add a line break <br> when pressing the Enter key. The extension works as expected by inserting a <br> tag. However I'm encountering an issue ...
justlikeThat's user avatar
  • 11
1 vote
1 answer
264 views

I am trying to use tiptap mention extension but with a list of suggestions from infinitequery but I just couldn't do it. Is it even possible? Please share any ideas you might have I tried next to ...
darel noutsa's user avatar
  • 11
1 vote
0 answers
211 views

I am trying to extend tiptap table extention that renders a vuecomponent as I want to add a button obove the table. I am trying the following code and when I call setTable(), it does not renders a 3 ...
pbs's user avatar
  • 11
0 votes
1 answer
31 views

Text content gets removed when an extension a new extension is created for it when the extension tag has textcontent and node element data together with it My extension export const Tbcaption = Node....
Karthik's user avatar
  • 135
0 votes
1 answer
425 views

I'm so frustrated with Tiptap's table of contents extension. I have initial content. However, the table of contents will be empty on page load. As I have content in the editor I would expect, that the ...
Moritz Pfl's user avatar
  • 21
0 votes
0 answers
210 views

I am using TipTap with StimulusJS and the extension : import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight' That I initialize this way : CodeBlockLowlight.configure({ lowlight, }), ...
Maxence's user avatar
  • 2,379
0 votes
1 answer
1k views

Even a TipTap editor playground does that - when you paste a text with line breaks, it will remove line breaks and will display text without them. How can I make editor to retain the line breaks when ...
krackgen's user avatar
  • 37
1 vote
1 answer
137 views

We have the following extension for Tiptap that handles a video node: import { mergeAttributes, Node, nodeInputRule } from "@tiptap/core"; export interface VideoOptions { url: string; ...
SalahAdDin's user avatar
  • 2,320
0 votes
1 answer
713 views

I'd like to extend the tiptap editor with a custom field that would store HTML meant to be directly rendered on the frontend. So currently the rendering part looks like this: import { generateHTML } ...
Rápli András's user avatar
  • 3,943
0 votes
1 answer
720 views

I'm using Laravel Inertia with Vue 3 and trying to implement something that will help me to upload images to the db with help of TipTap editor. I found implementation with React: https://gist.github....
Alexande Petrenko's user avatar
  • 1
1 vote
1 answer
598 views

If I'm using tiptap editor and, I have the cursor in the middle of a link, I can use editor.getAttributes('link') to get the link attributes, but how do I get the text contents of that element? <a ...
codercycle's user avatar
  • 67
0 votes
1 answer
589 views

I am using the mui-tiptap module in React 18 with Vite, specifically I am trying to upload a local image to my backend, although the problem is only in my frontend where I receive a typescript error ...
Fredo's user avatar
  • 11
0 votes
0 answers
834 views

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", ...
Manzn's user avatar
  • 326
1 vote
0 answers
65 views

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. ...
zhyzetton's user avatar
  • 11
4 votes
1 answer
2k views

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 ...
Levi Putna's user avatar
  • 3,073
2 votes
0 answers
214 views

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 ...
Amine Ladrani's user avatar
  • 41
2 votes
2 answers
3k views

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 ...
byun Amina's user avatar
  • 31
1 vote
0 answers
389 views

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 ...
Kyrian marchand's user avatar
  • 11
1 vote
2 answers
2k views

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 ...
Meros Debray's user avatar
  • 33
0 votes
3 answers
2k views

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 ...
Anabel's user avatar
  • 1

1
2 3 4 5