react-sane-contenteditable - React component with sane defaults to make any element contentEditable

  •        13

React component with sane defaults to make any element contentEditable

https://github.com/ashleyw/react-sane-contenteditable#readme

Dependencies:

lodash : ^4.17.10
prop-types : ^15.6.0
react : ^16.0.0

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.

editor - Next-gen, highly customizable content editor for the browser - based on React and Redux

  •    Javascript

ORY is a company building and maintaining developer tools for a safer, more accessible web. You might also like our other Open Source projects! The ORY Editor is a smart, extensible and modern editor ("WYSIWYG") for the web written in React. If you are fed up with the limitations of contenteditable, you are in the right place.The ORY Editor is used at Germany's largest (~800k uniques per month) E-Learning Website www.serlo.org to improve the wiki experience.


react-bluekit - Automatically generating a component library from your React components (ES5, ES6, Typescript)

  •    Javascript

BlueKit automatically generates a library from your React components with editable props and live preview. Point BlueKit to folders with your React components and it will generate a library for you. You'll be able to browse through the components, tweak their props, and see the changes live. Furthermore, any changes that you make to your components' code will be reflected in the library.

react-designer - Editable vector graphics in your react components.

  •    Javascript

Easy to configure, lightweight, editable vector graphics in your react components. All the entities are pure react components except action strategies in react-designer. I have tried to explain that. I'm starting with components.

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

  •    Javascript

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

react-live - A production-focused playground for live editing React components

  •    Javascript

React Live brings you the ability to render React components and present the user with editable source code and live preview. It supports server-side rendering and comes in a tiny bundle, thanks to Bublé and a Prism.js-based editor.The library is structured modularly and lets you style its components as you wish and put them where you want.

react-bootstrap - Bootstrap components built with React

  •    Javascript

Bootstrap 4 components built with React. See the documentation with live editable examples as well as docs.

react-translate-component - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content

  •    Javascript

Translate is a component for React that utilizes the Counterpart module and the Interpolate component to provide multi-lingual/localized text content. It allows switching locales without a page reload. Here is a quick-start tutorial to get you up and running with Translate. It's a step-by-step guide on how to build a simple app that uses the Translate component from scratch. We assume you have recent versions of Node.js and npm installed.

mercury - Mercury Editor: The Rails HTML5 WYSIWYG editor

  •    Javascript

Mercury Editor is a fully featured editor much like TinyMCE or CKEditor, but with a different usage paradigm. It expects that an entire page is something that can be editable, and allows different types of editable regions to be specified. It displays a single toolbar for every region on the page, and uses the HTML5 contentEditable features on block elements, instead of iframes, which allows for CSS to be applied in ways that many other editors can't handle. Mercury has been written using CoffeeScript and jQuery for the Javascript portions, and is written on top of Rails 3.2.

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.

Alloy Editor - WYSIWYG editor based on CKEditor with completely rewritten UI

  •    Javascript

Alloy Editor is a modern WYSIWYG editor built on top of CKEditor, designed to create modern and gorgeous web content. It provides smart toolbars appear right near the selected text and offer different functionality based on context, Paste rich text from any web page and preserve its formatting, The full styling power of CKEditor and lot more.

react-hint - Tooltip component for React, Preact, Inferno

  •    Javascript

React-hint is a small tooltip component for React which is developed with simplicity and performance in mind. It also plays nicely with Preact and Inferno. You don't need to include ReactHint in every component which uses tooltips, just include it once in the topmost container component. In case you need to define multiple instances of ReactHint, you can customise the attribute name per instance. ReactHint also supports custom tooltip content with attached event handlers by overriding the content renderer and returning a react node.

component-playground - A component for rendering React components with editable source and live preview

  •    Javascript

codeText takes a string of JSX markup as its value. While you can just pass it a string, I find it is easier to make a separate file and use Webpack's raw loader to load in the raw source. In the example above I use the .example extension, and an examples folder to organize my samples.

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

  •    Javascript

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.