quill
trix
Our great sponsors
quill | trix | |
---|---|---|
56 | 31 | |
39,539 | 18,571 | |
1.2% | 2.1% | |
9.5 | 7.4 | |
about 7 hours ago | 22 days ago | |
TypeScript | JavaScript | |
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
- 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?
-
Are WYSIWYG text entry areas difficult to implement in web and mobile apps? Because I see Markdown so much instead.
So if one were to use https://quilljs.com/ as /u/ike_the_strangetamer suggested and just include a disclaimer that the site doesn't support pasting in some things, would that work?
-
Critical bug resulting in irretrievable (?) data loss
In short there are two different types of keyboards. One type, like GBoard sends entire words once you select an autocorrect recommendation from the list... it sends the whole word, all its characters, all at the same time [acts almost like pasting], whereas other keyboards send letter-by-letter. If you think about how autocorrect on phones work nowadays, if you type the word wrong, but then tap on the correct word on your keyboard, keyboards now have the ability to delete and replace entire words (and not just characters). So because of this, some android keyboards don't actually send the absolute cursor / text-selection position anymore. Instead they send it relative to the last words you've selected. You can see other note taking apps and editors plagued by keyboard issues due to this exact phenomenon on Android here as well, mainly relating to newline characters. (while the newline is added, cursor isn't updated etc) : Microsoft OneNote, Workflowy, CKEditor, Quill, RichEditor for Android, etc... Since you mentioned that your issue happened -after- you selected / copy / pasted some text, I cannot eliminate the possibility that an android os flavor (or its selection handling, since it's different for each android version and os vendor) / keyboard / browser might also be the cause. I.e. in Android Firefox, there is a bug and you cannot select words inside rich text editors by double tapping on them like you can in any other browser. This bug has been around for -6 years- now. Affecting even Github on Firefox Android. We also chimed in and tried to keep it moving, and despite our best attempts, after 2 years, Mozilla just closed the issue without even fixing the bug. You can see relevant links here. So unfortunately, browsers and keyboards on Android can cause really strange issues, and we cannot anticipate all the weird and unexpected ways they might break. 3 ) Since you also mentioned copy/pasting stuff, often people experiences issues like this when they use things like clipboard syncing tools on Android (i.e. pushbullet, or on iOS iCloud's clipboard sync etc) Because you never know what was leftover in the clipboard at the time you copy pasted, and sometimes if the sync is delayed, these things may misbehave, and paste twice, or with a delay, or paste a blank return key unexpectedly etc. 4 ) This is the silliest but still likely scenario that I still have to mention. Sometimes, depending on the OS/Browser combo, when users copy paste text from Cryptee while it's in dark mode, paste it into another part of the document, then open the document in light mode, it causes text to have white color, and makes it look invisible, causing panic.
trix
-
WYSIWYG editor for a new Rails project
Trix was the winner. It was easy to style, is well maintained, has documentation for embedding it into a form, is easy to create custom keyboard shortcuts for, has great examples on how to save/load content or modify it with javascript.
- Ask HN: What is your favorite FOSS WYSIWYG editor?
-
How to use Cloudflare R2 with Ruby on Rails Active Storage
In some case, you may need to allow the user to upload the file in the text editor like Trix editor. However, you current configuration not allowed it, you need to configure the CORS. Here the configuration
-
Formatting tags in reviews
I inspected the text editor and it looks like it's something called Trix. The example on their website has a hyperlink button. No idea how to add links in StoryGraph though, besides the workaround the other user mentioned. Maybe ask Nadia on Instagram or Twitter - she's super responsive!
-
Managers want to build a Web Rich Text Editor from scratch - Seems like bad idea
I'm sure something like Trix (used in Ruby on Rails) would probably do the job - https://trix-editor.org/
- Usando Action Text em Rails 7
-
Thinking in Hotwire: Progressive Enhancement
For this, you can add a small, isolated component to the page. An example from Rails is the Trix rich text editor: it is a standard web component.
-
Is Trix/ActionText Dead?
I have been implementing a kind of blog builder using ActionText and Trix. However, understanding how Trix works, customizing it, and making image uploads possible, seems not very well documented. Also, looking at Trix's Github page there doesn't seem to be a lot of activity.
- Trix: A rich text editor for everyday writing
-
My project: railstart app
Text Editor: trix and TinyMCE
What are some alternatives?
Draft.js - A React framework for building text editors.
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Editor.js - A block-style editor with clean JSON output
bootstrap-wysihtml5 - Simple, beautiful wysiwyg editor
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
Froala Editor - The next generation Javascript WYSIWYG HTML Editor.
tiptap - The headless rich text editor framework for web artisans.
Summernote - Super simple WYSIWYG editor
ProseMirror - The ProseMirror WYSIWYM editor