quill
stylo
Our great sponsors
quill | stylo | |
---|---|---|
61 | 5 | |
41,021 | 715 | |
6.3% | -0.1% | |
9.5 | 4.9 | |
2 days ago | about 1 year ago | |
TypeScript | TypeScript | |
BSD 3-clause "New" or "Revised" License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
quill
- FLaNK AI-April 22, 2024
-
Quill – Your powerful rich text editor
Ontop of that this [issue](https://github.com/quilljs/quill/issues/3806) exists - which forces us to upgrade once primeNg lets us. Anyone knows a good alternative? I am done with quill and would love to use something more stable.
- Quill: Open-source, powerful rich text editor in JavaScript
-
WYSIWYG editor for a new Rails project
I started with Quill... wound up hitting lots of challenges. There are bugs/issues like, "don't add extra margin or it will be converted to extra spaces." I also struggled to embed Quill into an HTML form element, which I though would be easy.
-
Any FOSS to make HTML websites for self-hosting?
Fair enough. Look maybe into more of a utility like Quill? https://quilljs.com/
-
You don't need a CRDT to build a collaborative experience
I agree. Yes, you can. Quill is the example here.
Actually, back in 2015 when we started prototyping CKEditor 5, we started with this approach as well. Our goal from the beginning was to combine real-time editing capabilities with an engine capable of storing and rendering complex rich-text structures (nested tables, complex nested lists, other rich widgets, etc.). We quickly realized that a linear structure is going to be a huge bottleneck. In the end, if you want to represent trees, storing them as a linear structure is counterproductive.
So, we went for a tree model. That got many things in the engine an order of magnitude harder (OT being one). But I choose to encapsulate this complexity in the model rather than make it leak to particular plugins.
In fact, from what I remember, https://github.com/quilljs/quill/issues/117 (e.g. https://github.com/quilljs/quill/issues/117#issuecomment-644...) is a good example of issues that we avoided.
I also talked to companies that built their platforms on top of Quill. One of them ended up gluing together countless Quill instances to power their editor and overcome the limitations of the linear data model but is now looking for a way to rebuild their editor from scratch due to the issues (performance, complexity, stability).
So, yes. You can implement a rich-text editor based on a linear model. But it has its immediate limitations that you need to take into consideration.
-
Which Rich Text Editor to use ?
I've always used Quill and always satisfied with it. It can be adapted to React Native as well. Despite the most popular RTE is Draft js it has some limitations on mobile.
-
I need help with creating simple text editor
NgPrime has this editor if you’re using it already for components. Or Quil could work
-
Good Markdown Editor for SvelteKit?
Quill
-
Recommendations For A Better Blog UI
The few I have seen out there are flask-blogging, tiny-blog, and maybe quill?
stylo
-
todolist-cl: a nice looking todolist with a web UI, written in Common Lisp [and by a newcomer to CL, to add credit]
I recently integrated Stylo: https://stylojs.com/ It was simple and the editor looks simple, I like it.
-
Is there some kind of opensource widget editor? Like an advanced WYSIWYG editor
Stylo
-
Switching Rich Text Editors, Part 1: Picking Tiptap
Great article and fantastic choice!
This is a topic I have been very interested lately. I had been lucky to start using since Slate 0.61.x, but I cannot say anything good about it. It has a major problem with managing large documents [0]. I tried to introduce multiple improvements of performance, but it is very ungrateful project – change in one place affects many things at the same time. I am shocked, how many projects are still using it. For example, open-sourced Notabase [1]. My 4+ weeks with Slate.js completely killed motivation, and I was only thinking to put a whole project to litter.
In the result of being unhappy, I switched to Draft.js. It was 2020, and I was eager to try it out, so I did. Sadly, in 2020 there was also the last release [2]. Initially, I didn't like how it works. I preferred the Slate data model. Also, the draft.js project felt not maintained at that time (by looking at commits activity, issues and pull-requests). It is written in the Flow which I detest. I spent few weeks to try "merge" the draft.js and sentry with doing a "rewrite" to TypeScript. Obviously, quickly I realized myself it is stupid idea.
Then, I took a look at ReMirror. Yet another problem that was struggling with maintenance and active contributors. It is based on ProseMirror, so I thought it is better choice than previous. ReMirror is overly complex for simple things. It was hard to find any help - neither by googling examples nor via ReMirror's Discord (it was dead silence there).
After that, I have found information about the TipTap. Back then, there was only provided support for Vue.js. Fortunately, it was that time, when they have promised the v2 with React support. I skipped it to wait for the new version.
Maybe, a raw ProseMirror with React? Yep, tried it, but I wasn't very happy of the result. I knew the TipTap v2 will be released and there were already existing projects that were using ProseMirror behind the scene, for example: Outline's rich-markdown-editor[3]. It has tons of built-in components that I had with Slate. I was extremely happy about it, because "everything what I needed" was there – typical bold, italic, code, code block, quote, multi-level list and even table editing. Really awesome piece of code! However, authors decided they are opting for TipTap and they have archived repository on GitHub, which means officially the project is dead.
I had no time to test Quill.js. It looked interesting, but it has noticeable poor development pace, and it looks a dead project with many bugs.
Currently, I am using the TipTap v2 and I can't say how happy I am now. I guess I will stick with it for longer. However, I know the journey to find the best Rich Text Editor has not ended. There are more alternatives, for example Stylo [4] that I've found in this week.
[0] Try to copy the contents of https://www.slatejs.org/examples/huge-document and paste it back. In a result, my Firefox on Macbook M1 hangs.
[1]: https://notabase.io/
[2]: https://github.com/facebook/draft-js/releases/tag/v0.11.7
[3]: https://github.com/outline/rich-markdown-editor
[4]: https://stylojs.com/
-
Looking for suggestions for material themed rich text editors
This one is super hot off the press (literally just announced on Twitter today) and still in alpha, but you might want to check out: https://stylojs.com/ - its lightweight/minimal and uses web components.
- Stylo - A new interactive rich text editor for the web
What are some alternatives?
Draft.js - A React framework for building text editors.
polkadot-Js-Plus-extension - A user-friendly wallet to interact with the Polkadot/Substrate based blockchains through a browser.
Editor.js - A block-style editor with clean JSON output
react-page - Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
parity-signer - Air-gapped crypto wallet.
tiptap - The headless rich text editor framework for web artisans.
milkdown - 🍼 Plugin driven WYSIWYG markdown editor framework.
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Astar - The dApp hub for blockchains of the future
ProseMirror - The ProseMirror WYSIWYM editor
Acala - Acala - cross-chain DeFi hub and stablecoin based on Substrate for Polkadot and Kusama.