1 line
No EOL
12 KiB
JSON
1 line
No EOL
12 KiB
JSON
{"slug": "nikgraf--awesome-draft-js", "title": "Draft Js", "description": "Awesome list of Draft.js resources", "github_url": "https://github.com/nikgraf/awesome-draft-js", "stars": "2.5K", "tag": "Front-End Development", "entry_count": 81, "subcategory_count": 1, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "Community", "url": "https://github.com/nikgraf/awesome-draft-js#community", "description": "", "stars": "2.4k"}, {"name": "Presentations", "url": "https://github.com/nikgraf/awesome-draft-js#presentations", "description": "", "stars": "2.4k"}, {"name": "Projects on Top of Draft.js", "url": "https://github.com/nikgraf/awesome-draft-js#standalone-editors-built-on-draftjs", "description": "", "stars": "2.4k"}, {"name": "Common Utilities", "url": "https://github.com/nikgraf/awesome-draft-js#common-utilities", "description": "", "stars": "2.4k"}, {"name": "Blog Posts & Articles", "url": "https://github.com/nikgraf/awesome-draft-js#blog-posts--articles", "description": "", "stars": "2.4k"}, {"name": "Live Demos", "url": "https://github.com/nikgraf/awesome-draft-js#live-demos", "description": "", "stars": "2.4k"}, {"name": "Usage in Production", "url": "https://github.com/nikgraf/awesome-draft-js#usage-in-production", "description": "", "stars": "2.4k"}, {"name": "License", "url": "https://github.com/nikgraf/awesome-draft-js#license", "description": "", "stars": "2.4k"}, {"name": "Slack channel", "url": "https://draftjs.herokuapp.com/", "description": ""}, {"name": "Rich Text Editing with React @ React.js Conf 2016 by Isaac Salier-Hellendag", "url": "https://www.youtube.com/watch?v=feUYwoLhE_4", "description": ""}, {"name": "Rich text editing with Draft.js & DraftJS Plugins by Nik Graf", "url": "https://www.youtube.com/watch?v=gxNuHZXZMgs", "description": ""}, {"name": "React Ep. 37: Draftjs by What I Learned Today \u2013 Atomic Jolt", "url": "https://www.youtube.com/watch?v=0k9suXgCtTA", "description": ""}, {"name": "008 - Draft.js Plugins @ React30", "url": "https://www.youtube.com/watch?v=w-PqnpMizcQ", "description": ""}, {"name": "Draft.js at HubSpot by Ben Briggs", "url": "https://product.hubspot.com/blog/tech-talk-at-night-react-meetup", "description": ""}, {"name": "Draft.js under the hood - React Melbourne meetup", "url": "https://www.youtube.com/watch?feature=player_embedded\\&v=vOZAO3jFSHI", "description": ""}, {"name": "Draft WYSIWYG", "url": "https://github.com/bkniffler/draft-wysiwyg", "description": "WYSIWYG editor that with drag\\&drop, resizing & tooltips.", "stars": "454"}, {"name": "Draft.js Editor", "url": "https://github.com/AlastairTaft/draft-js-editor/", "description": "A Rich text editor inspired by Medium & Facebook Notes.", "stars": "150"}, {"name": "React-RTE", "url": "https://github.com/sstur/react-rte/", "description": "A full-featured textarea replacement similar to CKEditor or TinyMCE.", "stars": "2.8k"}, {"name": "Facebook Notes Clone(ish)", "url": "https://github.com/andrewcoelho/react-text-editor", "description": "Rich text editor similar to Facebook notes.", "stars": "228"}, {"name": "Megadraft", "url": "https://github.com/globocom/megadraft", "description": "A rich text editor with a nice default base of plugins and extensibility.", "stars": "1.1k"}, {"name": "Medium Draft", "url": "https://github.com/brijeshb42/medium-draft", "description": "Medium-like rich text editor with a focus on keyboard shortcuts.", "stars": "1.7k"}, {"name": "React-Draft-Wyiswyg", "url": "https://github.com/jpuri/react-draft-wysiwyg", "description": "A WYISWYG editor, with various text editing options and corresponding HTML generation.", "stars": "5.9k"}, {"name": "Dante 2", "url": "https://github.com/michelson/dante2", "description": "Just another Medium clone built on top of DraftJs.", "stars": "921"}, {"name": "Last Draft", "url": "https://github.com/vacenz/last-draft", "description": "A Draft editor built with Draft.js plugins.", "stars": "215"}, {"name": "Z-Editor", "url": "https://github.com/Z-Editor/Z-Editor", "description": "Online Z-notations editor.", "stars": "125"}, {"name": "Draftail", "url": "https://github.com/springload/draftail/", "description": "A configurable rich text editor based on Draft.js, built for Wagtail.", "stars": "568"}, {"name": "Braft", "url": "https://github.com/margox/braft-editor", "description": "Extensible Draft JS Editor", "stars": "4.5k"}, {"name": "Draft.js Plugins", "url": "https://github.com/draft-js-plugins/draft-js-plugins", "description": "A Plugin architecture on top of Draft.js", "stars": "4k"}, {"name": "Draft.js Gutter", "url": "https://github.com/seejamescode/draft-js-gutter", "description": "Compliments line number gutter.", "stars": "15"}, {"name": "Draft.js Basic HTML Editor", "url": "https://github.com/dburrows/draft-js-basic-html-editor", "description": "Accept html as its input format, and return html to an onChange.", "stars": "83"}, {"name": "Draft.js Prism", "url": "https://github.com/SamyPesse/draft-js-prism", "description": "Highlight code blocks using Prism.", "stars": "277"}, {"name": "Draft.js Typeahead", "url": "https://github.com/dooly-ai/draft-js-typeahead", "description": "Support for typeahead functionality.", "stars": "121"}, {"name": "Draft Extend", "url": "https://github.com/HubSpot/draft-extend", "description": "Build extensible Draft.js editors with configurable plugins and integrated serialization.", "stars": "116"}, {"name": "Draft.js Code", "url": "https://github.com/SamyPesse/draft-js-code", "description": "A collection of low-level utilities for nicer code editing", "stars": "107"}, {"name": "Draft.js Annotatable", "url": "https://github.com/cltk/annotations", "description": "Out of the box annotation system for Draft.js with support for user-created annotations.", "stars": "13"}, {"name": "Draft.js Regex", "url": "https://github.com/YozhikM/draft-regex", "description": "The set of flexible helpers, like regex, blank lines preventing and pasted HTML clearing.", "stars": "19"}, {"name": "BackDraft.js", "url": "https://github.com/evanc/backdraft-js", "description": "Function to turn a rawContentBlock into a marked-up string.", "stars": "49"}, {"name": "Draft.js Exporter", "url": "https://github.com/rkpasia/draft-js-exporter", "description": "Export and format the content from Draft.js.", "stars": "33"}, {"name": "Draft.js: Export ContentState to HTML", "url": "https://github.com/sstur/draft-js-utils/tree/master/packages/draft-js-export-html", "description": "Export ContentState to HTML.", "stars": "875"}, {"name": "Draft.js: Export ContentState to PDFMake", "url": "https://github.com/datagenno/draft-js-export-pdfmake", "description": "Export ContentState to PDFMake.", "stars": "10"}, {"name": "Redraft", "url": "https://github.com/lokiuz/redraft", "description": "Renders the result of Draft.js convertToRaw using provided callbacks, works well with React", "stars": "278"}, {"name": "Draft.js exporter (Ruby)", "url": "https://github.com/ignitionworks/draftjs_exporter", "description": "Export Draft.js content state into HTML.", "stars": "16"}, {"name": "Draft.js exporter (Python)", "url": "https://github.com/springload/draftjs_exporter", "description": "Library to convert Draft.js raw ContentState to HTML", "stars": "76"}, {"name": "Draft.js AST Exporter", "url": "https://github.com/icelab/draft-js-ast-exporter", "description": "Export content into an abstract syntax tree (AST).", "stars": "37"}, {"name": "Draft.js AST Importer", "url": "https://github.com/icelab/draft-js-ast-importer", "description": "Import an abstract syntax tree (AST) output from the companion draft-js-ast-exporter.", "stars": "13"}, {"name": "Draft.js Multidecorators", "url": "https://github.com/SamyPesse/draft-js-multidecorators", "description": "Combine multiple decorators.", "stars": "32"}, {"name": "Draft.js SimpleDecorator", "url": "https://github.com/Soreine/draft-js-simpledecorator", "description": "Easily create flexible decorators.", "stars": "25"}, {"name": "DraftJS Utils", "url": "https://github.com/jpuri/draftjs-utils", "description": "Set of utility functions for DraftJS.", "stars": "280"}, {"name": "DraftJs to HTML", "url": "https://github.com/jpuri/draftjs-to-html", "description": "Library for generating HTML for DraftJS editor content.", "stars": "299"}, {"name": "Draft Convert", "url": "https://github.com/HubSpot/draft-convert", "description": "Extensibly serialize & deserialize Draft.js ContentState with HTML.", "stars": "472"}, {"name": "HTML to DraftJS", "url": "https://github.com/jpuri/html-to-draftjs", "description": "Convert plain HTML to DraftJS Editor content.", "stars": "150"}, {"name": "Draft.js Exporter (Go)", "url": "https://github.com/ejilay/draftjs", "description": "Export Draft.js content state into HTML.", "stars": "22"}, {"name": "React Native Draft.js Render", "url": "https://github.com/globocom/react-native-draftjs-render", "description": "A React Native render for Draft.js model.", "stars": "386"}, {"name": "Draft.js filters", "url": "https://github.com/thibaudcolas/draftjs-filters", "description": "Filter Draft.js content to preserve only the formatting you allow.", "stars": "53"}, {"name": "Sticky", "url": "https://github.com/nadunindunil/sticky", "description": "A simple note taking and clipboard managing desktop application", "stars": "7"}, {"name": "Facebook open sources rich text editor framework Draft.js", "url": "https://code.facebook.com/posts/1684092755205505/facebook-open-sources-rich-text-editor-framework-draft-js/", "description": ""}, {"name": "This Blog Post Was Written Using Draft.js", "url": "https://dev.to/ben/this-blog-post-was-written-using-draftjs", "description": ""}, {"name": "How Draft.js Represents Rich Text Data", "url": "https://medium.com/@rajaraodv/how-draft-js-represents-rich-text-data-eeabb5f25cf2#.7gd8psdvi", "description": ""}, {"name": "A Beginner\u2019s Guide to Draft.js", "url": "https://medium.com/@adrianli/a-beginner-s-guide-to-draft-js-d1823f58d8cc#.uufeulpl5", "description": ""}, {"name": "Implementing todo list in Draft.js", "url": "http://bitwiser.in/2016/08/31/implementing-todo-list-in-draft-js.html", "description": ""}, {"name": "Draft.js Pieces", "url": "https://cannibalcoder.com/2016/12/02/draft-js-pieces/", "description": ""}, {"name": "Learning Draft.js", "url": "https://reactrocket.com/series/learning-draft-js/", "description": "Series of blog posts on how to develop with draft.js"}, {"name": "Why Wagtail\u2019s new editor is built with Draft.js", "url": "https://wagtail.io/blog/why-wagtail-new-editor-is-built-with-draft-js/", "description": ""}, {"name": "Rethinking rich text pipelines with Draft.js", "url": "https://wagtail.io/blog/rethinking-rich-text-pipelines-with-draft-js/", "description": ""}, {"name": "Draft-js Samples - An app with examples and code explanations", "url": "https://github.com/Mair/react-meetup-draftjs", "description": "", "stars": "69"}, {"name": "Draftail Playground", "url": "https://draftail-playground.herokuapp.com/", "description": "Wagtail\u2019s Draft.js dependencies as a standalone demo."}, {"name": "Draft drag and drop demo for mobile browser", "url": "https://github.com/jan4984/draft-dnd-example", "description": "", "stars": "15"}, {"name": "Rich Text Editor", "url": "https://codepen.io/Kiwka/pen/YNYvyG", "description": ""}, {"name": "Color Editor", "url": "https://codepen.io/Kiwka/pen/oBpVve", "description": ""}, {"name": "Convert from HTML Editor", "url": "https://codepen.io/Kiwka/pen/YNYgWa", "description": ""}, {"name": "Entity Editor", "url": "https://codepen.io/Kiwka/pen/wgpOoZ", "description": ""}, {"name": "Link Editor", "url": "https://codepen.io/Kiwka/pen/ZLvPeO", "description": ""}, {"name": "Media Editor", "url": "https://codepen.io/Kiwka/pen/rjpRzj", "description": ""}, {"name": "Plain Text Editor", "url": "https://codepen.io/Kiwka/pen/jyYJzb", "description": ""}, {"name": "Decorators Editor - Tweet example", "url": "https://codepen.io/Kiwka/pen/KaZERV", "description": ""}, {"name": "StoryChief", "url": "https://www.storychief.io/", "description": ""}, {"name": "HKW Technosphere Magazine", "url": "https://technosphere-magazine.hkw.de/", "description": ""}, {"name": "Douban Read", "url": "https://read.douban.com/editor_ng", "description": ""}, {"name": "Dooly", "url": "https://www.dooly.ai", "description": ""}, {"name": "Wagtail", "url": "https://wagtail.io/", "description": ""}, {"name": "Patreon", "url": "https://www.patreon.com/", "description": ""}]}], "name": ""} |