Bashooka |
25 Awesome Javascript Rich-Text Editors Posted: 26 Nov 2020 05:02 PM PST Rich-Text Editors, sometimes called WYSIWYG editors, allow you to create documents that include text, images, charts, grids and videos. Its aim is to reduce the effort for users trying to express their formatting as valid HTML markup. So in this post we`ve collected some awesome rich-text editors that can be used as standalone applications or as web-based components written in JavaScript. Edtr IoEdtr.io is a WYSIWYG in-line web editor written in React. Content created with edtr.io looks just like the final page – select any editable element on the page, edit it in-place or drag 'n' drop it around. Its plugin architecture makes edtr.io lean AND adaptable to any use case at the same time. Edtr.io is of course Open Source. QuillIt is basically a Microsoft word that runs inside of the browser. Quill is a modern rich text editor built for compatibility and extensibility. SlateIt lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity. MarcdownLightweight realtime markdown viewer and editor – Simple, clean and beautiful. TrixCompose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML. Write With MeReal-time Collaborative Markdown Editor. A real-time collaborative blog post editor built with GraphQL, React, React Markdown, & AWS AppSync. ORYThe ORY Editor is a smart, extensible and modern editor for the web written in React. If you are fed up with the limitations of contenteditable, you are in the right place. PellIt is the simplest and smallest WYSIWYG text editor for web, with no dependencies. tiptapA renderless and extendable rich-text editor for Vue.js The editor should be easy to extend and not based on old dependencies such as jQuery. For React there is already a great editor called Slate.js, which impresses with its modularity. TrumbowygIt is a lightweight WYSIWYG editor to make work on your website as straightforward as it gets. React Draft WysiwygA Wysiwyg editor built using ReactJS and DraftJS libraries. textAngularA radically powerful Text-Editor/Wysiwyg editor for Angular.js! Create multiple editor instances, two-way-bind HTML content, watch editors for changes and more! Pen Editorenjoy live editing (+markdown). CKEditor 5A set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind. MobiledocIt is a framework-agnostic library for building WYSIWYG editors supporting rich content via cards. Canner slate editorRich text / WYSIWYG editor focus on modularity and extensibility, build on top of Slate framework with beautiful designs and high-level APIs. MegadraftIt is a Rich Text editor built on top of Facebook’s Draft.JS featuring a nice default base of components and extensibility. HyperMDA WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing. EmojiOne AreaIt is a small jQuery plugin that allows you to transform any html element into simple WYSIWYG editor with ability to use Emojione icons. GrapesJSIt is an open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding. It’s a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures. woofmarkA modular, progressive, and beautiful Markdown and HTML editor. Sir TrevorIt is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered. SimpleMDEA simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking. SquireIt is an HTML5 rich text editor, which provides powerful cross-browser normalisation in a flexible lightweight package. It was designed to handle email composition for the FastMail web app. The most important consequence of this (and where Squire differs from most other modern rich text editors) is that it must handle arbitrary HTML, because it may be used to forward or quote emails from third-parties and must be able to preserve their HTML without breaking the formatting. ProseMirrorIt is a well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. wysihtmlIt is an extended and less strict approach on xing/wysihtml5 open source rich text editor. The code is library agnostic and has all dependencies bundled: No jQuery, Prototype or similar is required. The currently bundled dependencies are rangy.js (including textrange and selectionsaverestore modules) and base.js. The post 25 Awesome Javascript Rich-Text Editors first appeared on Bashooka. |
You are subscribed to email updates from Bashooka. To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States |
0 Comments: