Notitap - Notion like editor built on top of tiptap.

Related tags

Editors react javascript typescript wysiwyg-editor notion tiptap tiptap-v2
Overview

notitap

Notion like editor built on top of Tiptap.

GitHub Sponsors GitHub Repo stars Discord - sereneinserenade#4869

A ⭐️ to the repo if you 👍 / ❤️ what I'm doing would be much appreciated. If you're using this extension and making money from it, it'd be very kind of you to ❤️ Sponsor me. If you're looking for a dev to work you on your project's Rich Text Editor with or as a frontend developer, DM me on Discord/Twitter/LinkedIn 👨‍💻 🤩 .

I've made a bunch of extensions for Tiptap 2, some of them are Resiable Images And Videos, Search and Replace, LanguageTool integration with tiptap. You can check it our here https://github.com/sereneinserenade#a-glance-of-my-projects.

Note: This is React version. Vue3 version will be coming 🔜

Demo:

Visit https://sereneinserenade.github.io/notitap/ for a live demo.

Video coming 🔜

Contributing

❤️ Sponsor me to make it possible for me to work on . You can also show your ❤️ by ⭐️ ing this repository. Your support means a lot.

Clone the repo, do something, make a PR. You know what's the drill. Looking forward to your PRs, you amazing devs.

Stargazers

Stargazers repo roster for @sereneinserenade/notitap

You might also like...

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

If you would be interested in helping to maintain one of the most successful WYSIWYG text editors on github, let us know! (See issue #1503) MediumEdit

Jan 4, 2023

Tiny bootstrap-compatible WISWYG rich text editor

bootstrap-wysiwyg Important information for Github requests/issues Please do not submit issues/comments to this repo. Instead, submit it to https://gi

Jan 3, 2023

EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.

⚠️ DEPRECATION WARNING This repository is no longer actively maintained. An Embeddable JavaScript Markdown Editor EpicEditor is an embeddable JavaScri

Dec 27, 2022

HTML5 rich text editor. Try the demo integration at

Squire Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation in a flexible lightweight package (only 16.5KB of JS a

Dec 28, 2022

A rich text editor for everyday writing

Trix A Rich Text Editor for Everyday Writing Compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages

Jan 3, 2023

A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)

A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)

Supporting Trumbowyg Trumbowyg is an MIT-licensed open source project and completely free to use. However, the amount of effort needed to maintain and

Jan 7, 2023

Simple, beautiful wysiwyg editor

This repo is no longer maintained. bootstrap3-wysiwyg is much better Overview Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create

Dec 30, 2022

Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

This project isn’t maintained anymore Please check out this fork. wysihtml5 0.3.0 wysihtml5 is an open source rich text editor based on HTML5 technolo

Jan 7, 2023

Raptor, an HTML5 WYSIWYG content editor!

Raptor Editor Raptor Editor is a user-focused extensible WYSIWYG website content editor - check out the Demo. It is designed to be user and developer

Sep 24, 2022
Comments
  • [feat] link, autoLink

    [feat] link, autoLink

    Tasks:

    • [x] adding links while typing
    • [ ] add link modal/bubbleMenu is remaining

    Demo:

    Video

    https://user-images.githubusercontent.com/45892659/179381723-1485d9b9-e740-4bb6-a227-ddbb67938dc0.mp4

    partially finishes the #7

    opened by sereneinserenade 0
  • [wip][feat] media resize

    [wip][feat] media resize

    Details:

    • Removed the vertical resize thing because we don't really need it since both the horizontal resize and vertical resize were keeping the aspect ratio

    Demo:

    https://user-images.githubusercontent.com/45892659/179292605-7bcd456b-0674-4bc2-853e-e192aa3822ec.mp4

    closes #2

    opened by sereneinserenade 0
  • Commands not visible

    Commands not visible

    I tried opening the command menu using forward-slash method and it does work. Moreover I also tried to open it using the "+" sign, and it still does not work. I cant get it to open.

    opened by DugarRishab 1
  • feat: Table

    feat: Table

    Take inspiration from https://www.npmjs.com/package/@remirror/extension-react-tables

    Also might wanna publish as an independent package for tiptap.

    • edit table with editing indicators in columns. Clicking these indicators can add or delete a column to left or right.
    • Same way can add or delete a row up or down
    • Highlighting(selecting) text in table cells gives editing options like bold, italic, heading (don't disable bubble menu)
    opened by sereneinserenade 0
Owner
Jeet Mandaliya
Vue, React, Tiptap, ProseMirror, Lexical, TypeScript. Co-creator of @django-tiptap.
Jeet Mandaliya
GitHub https://sereneinserenade.github.io/notitap
A markdown editor. http://lab.lepture.com/editor/

Editor A markdown editor you really want. Sponsors Editor is sponsored by Typlog. Overview Editor is not a WYSIWYG editor, it is a plain text markdown

Hsiaoming Yang 2.8k Dec 19, 2022
Override the rich text editor in Strapi admin with ToastUI Editor.

strapi-plugin-wysiwyg-tui-editor ⚠️ This is a strapi v4 plugin which does not support any earlier version! A Strapi plugin to replace the default rich

Zhuo Chen 12 Dec 23, 2022
A chrome extension which helps change ace editor to monaco editor in web pages, supporting all features including autocompletes.

Monaco-It Monaco-It is a chrome extension turning Ace Editor into Monaco Editor, supporting all features including autocompletes. 一些中文说明 Supported Lan

null 3 May 17, 2022
Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here. Quill Rich Text Editor Quickstart • Documentation • Development • Co

Quill 34.3k Jan 2, 2023
A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

SimpleMDE - Markdown Editor A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allo

Sparksuite 9.3k Jan 4, 2023
The next generation Javascript WYSIWYG HTML Editor.

Froala Editor V3 Froala WYSIWYG HTML Editor is one of the most powerful JavaScript rich text editors ever. Slim - only add the plugins that you need (

Froala 5k Jan 1, 2023
Simple rich text editor (contentEditable) for jQuery UI

Hallo - contentEditable for jQuery UI Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable

Henri Bergius 2.4k Dec 17, 2022
A modern, simple and elegant WYSIWYG rich text editor.

jQuery-Notebook A simple, clean and elegant WYSIWYG rich text editor for web aplications Note: Check out the fully functional demo and examples here.

Raphael Cruzeiro 1.7k Dec 12, 2022
Ace (Ajax.org Cloud9 Editor)

Ace (Ajax.org Cloud9 Editor) Note: The new site at http://ace.c9.io contains all the info below along with an embedding guide and all the other resour

Ajax.org B.V. 25.2k Jan 4, 2023
In-browser code editor

CodeMirror CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 10

CodeMirror 25.6k Dec 30, 2022