How I implemented Google docs like commenting in Tiptap

This page summarizes the projects mentioned and recommended in the original post on dev.to
UI Components Form Components Rich Text Editor JS Vue

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • tiptap

    The headless rich text editor framework for web artisans.

    • Tiptap has an issue with the list of all the community extensions in the repo where people share extensions that they create. Someone mentioned that they needed Commenting-feature in Tiptap that is similar to the commenting-feature in Google Docs.

  • tiptap-comment-extension

    Google-Docs 📄🔥 like commenting 💬 solution for Tiptap 2(https://tiptap.dev)

    • View on GitHub

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • tiptap-comment-extension-react

    React version of https://github.com/sereneinserenade/tiptap-comment-extension

    • Initially I created it just for Vue3 since it's only supposed to be an example implementation of a framework agnostic Tiptap extension. And by the request of community there's also an implementation in React.

  • tiptap-comment-extensionsrc

    • Copy the comment.ts file in your extensions folder. You might have to change extension depending on whether you're using TypeScript or not. Enough of English, let's talk code.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • What WYSIWYG editor do you use that has collaborative editing in Go?

    1 project | /r/golang | 12 Jul 2023

  • Seeking Suggestions for the Best Library to Implement a New Rich Text Editor in React

    1 project | /r/reactjs | 3 Jul 2023

  • Sharing your Tailwind Configuration between Monorepo Packages

    1 project | dev.to | 23 Jun 2023

  • Should I use rust+wasm to build a rich text editor?

    1 project | /r/rust | 9 Jun 2023

  • Ask HN: How do you test a collaborative Editor?

    1 project | news.ycombinator.com | 31 Jan 2023