react-codemirror - Codemirror Component for React.js

  •        90

Codemirror

https://github.com/JedWatson/react-codemirror

Dependencies:

classnames : ^2.2.5
codemirror : ^5.18.2
create-react-class : ^15.5.1
lodash.debounce : ^4.0.8
lodash.isequal : ^4.5.0
prop-types : ^15.5.4

Tags
Implementation
License
Platform

   




Related Projects

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.

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-codemirror2 - Codemirror integrated components for React

  •    TypeScript

react-codemirror2 ships with the notion of an uncontrolled and controlled component. UnControlled consists of a simple wrapper largely powered by the inner workings of codemirror itself, while Controlled will demand state management from the user, preventing codemirror changes unless properly handled via value. The latter will offer more control and likely be more appropriate with redux heavy apps. Since codemirror ships mostly unconfigured, the user is left with the responsibility for requiring any additional resources should they be necessary. This is often the case when specifying certain language modes and themes. How to import/require these assets will vary according to the specifics of your development environment. Below is a sample to include the assets necessary to specify a mode of xml (HTML) and a material theme.

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.

rich-markdown-editor - The open source React and Slate based markdown editor that powers Outline wiki

  •    Javascript

A React and Slate based editor that powers the Outline wiki and can also be used for displaying content in a read-only fashion. The editor is WYSIWYG and includes many formatting tools whilst retaining the ability to write markdown shortcuts inline and output Markdown. See a working example in the example directory.

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-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.

CodeMirror - In-browser code editing

  •    Javascript

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content. It could be easily integrated in to your webpage. It supports JavaScript, XML/HTML, CSS, Python, PHP, diff, C, Java, sTeX, LaTeX, Haskell, Smalltalk, reStructuredText and PL/SQL. It also supports features like Autocompletion, Search/replace, Highlighting the current line.

HyperMD - A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.

  •    TypeScript

Breaks the Wall between writing and preview, in a Markdown Editor. HyperMD is a set of CodeMirror add-ons / modes / themes / commands / keymap etc.