draft-js-basic-html-editor - Basic HTML editor using draft.js - html in, html out

  •        2

Proof of concept currently, not production ready! PR's welcome. Extends the Rich example from the Draft repo to accept html as its input format, and return html to an onChange handler.

https://github.com/dburrows/draft-js-basic-html-editor

Dependencies:

draft-js : ^0.9.1
lodash : ^4.6.1

Tags
Implementation
License
Platform

   




Related Projects

react-lz-editor - A multilingual react rich-text editor component includes media support such as texts, images, videos, audios, links etc

  •    Javascript

An open source react rich-text editor ( mordern react editor includes media support such as texts, images, videos, audios, links etc. ), development based on Draft-Js and Ant-design, good support html, markdown, draft-raw mode. It's supports multiple languages well and welcome you add your language supports. Disabled media insert feature on demo page, because of there was no online API support for the time being, here is The server side API demo in java you may want.

react-rte - Pure React rich text "WYSISYG" editor based on draft-js.

  •    Javascript

This is a UI component built completely in React that is meant to be a full-featured textarea replacement similar to CKEditor, TinyMCE and other rich text "WYSIWYG" editors. It's based on the excellent, open source Draft.js from Facebook which is performant and production-tested. RichTextEditor is the main editor component. It is comprised of the Draft.js <Editor>, some UI components (e.g. toolbar) and some helpful abstractions around getting and setting content with HTML/Markdown.

dante2 - A complete rewrite of dante editor in draft-js, demo:

  •    Javascript

Dante II is a complete rewrite of DanteEditor. This version is built on top of Facebook's Draft-Js and reaches all Dante's features with a shiny ultra mega super uber maintainable architecture. Draft-Js handles selection, ranges and markup blocks as a data layer contained in a structure known as editorState, with a clear separation on how rendering, styling and interaction works. So you save content data, not html. That's awesome because you can change the appearance of articles (styles & markup) without database changes.


Draft-js - A React framework for building text editors

  •    Javascript

Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. Draft.js makes it easy to build any type of rich text input, whether you're just looking to support a few inline text styles or building a complex text editor for composing long-form articles.

react-mde - React Markdown Editor

  •    TypeScript

A simple yet powerful and extensible Markdown Editor editor for React. React-mde is built on top of Draft.js. React-mde is a completely controlled component.

medium-draft - πŸ“ A medium like Rich Text Editor built on draft-js with a focus on keyboard shortcuts

  •    Javascript

A medium like rich text editor built upon draft-js with an emphasis on eliminating mouse usage by adding relevant keyboard shortcuts. Documentation in progress.

draft-js-utils - DraftJS: import/export ContentState to and from HTML/Markdown

  •    Javascript

This is a monorepo containing several packages related to importing and exporting content from DraftJS. Each package is located in the packages directory and each has it's own README.

Smith Html Editor

  •    WPF

This simple and lightweight WYSIWYG HTML Editor is a user control for WPF application. It provides basic editing functions and outputs HTML code.

TinyEditor - A functional HTML/CSS/JS editor in less than 400 bytes

  •    HTML

A functional HTML/CSS/JS editor in less than 400 bytes

react-native-zss-rich-text-editor - React Native rich text editor based on ZSSRichTextEditor

  •    HTML

A fully functional Rich Text Editor for both Android and iOS, based off the ZSSRichTextEditor project. Also, follow instructions here to add the native react-native-webview-bridge-updated dependency.

miniCodeEditor - A mini HTML/CSS/JS code editor

  •    HTML

A mini HTML/CSS/JS code editor

Codelobster - Free Portable IDE for PHP/HTML/CSS/JavaScript Development

  •    PHP

Codelobster PHP Edition streamlines and simplifies php development process. It provides HTML editor, HTML code inspector, CSS editor, JavaScript editor, PHP editor, PHP debugger and lot more.

TinyMCE - The JavaScript Rich Text editor

  •    Javascript

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate.

Xinha - The Community-built Open Source Online HTML Editor

  •    Javascript

Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its makes it an ideal candidate for integration into any kind of project.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.