Within these blocks, there can be a range of entities. Each has a key, and each of those has some text that goes in it and a type. Looking at the data model, it's made up of a series of blocks. It's used 83,000 packages and has 20,000 stars. And there are some issues with mobile browsers such as iOS, Safari, and Chrome Android. Browser support, it doesn't support IE 11. In terms of the ecosystem as a full editor available if you install some extension projects. The data structure is JSON and I'll show you what that looks like in a minute. License is MIT, it's bare metal in terms of features, so most of the functionality you're going to have to build yourself, but there's good examples. You'd think there'd be a 1.0, given that it's being used in production. Looking at those criteria, it's funded and supported Facebook. You do have to roll a lot of this yourself, but you get the things that you do want and not the things you don't. It has a lot of features, but that will require custom code. It's being used in production on a fairly large scale. This is used Facebook Messenger, it's used in their comments, functionality, status posts, and the Facebook Notes App. The first one we're going to look at is Draft.js. You need to have both the link text and the URI. The editor features that we're going to look at are whether you can do block styles, so H1, H2, block quote, inline styles like bold and italic, undo and redo support, paste support, whether it supports lists, nested blocks, media such as images, YouTube, et cetera, tables, links. The criteria we're going to evaluate these editors against is their sustainability, so who's funding them, who's supporting them, maturity, the license, the editor features, the release cycle, their data structure, so what the data looks like when it comes out, the ecosystem, are there plugins, are there other things you can do to extend the functionality, browser support, who it's used, or how many packages are using it and the number of GitHub stars? We chose these three because they're primarily well suited to React's component and prop model, as opposed to traditional wysiwyg editors like CK and TinyMCE, which are more focused on giving you HTML as your output. As you probably guess from the intro, the editors are Draft.js. Just a quick overview, this is a lightning talk, so I'm going to introduce you to three options, discuss their strengths, and we'll have a look a bit at their data model. js, Slate.js, choosing the best text editor for your React Project. In this session we'll look at the features of some of the key players so that you can help judge which is the best fit for your requirements. If your React project requires rich text editing functionality, there are a number of libraries to consider.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |