# lovasoa/react-contenteditable

React component for a div with editable contents

Repository: https://github.com/lovasoa/react-contenteditable
Canonical: https://ross.abutalabs.com/products/react-contenteditable
Homepage: http://npmjs.com/package/react-contenteditable
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: react, html, react-component, contenteditable, wysiwyg, editing, text
Last push: 2023-03-15T11:39:58+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 4266, "days_push": 1267, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1674, forks 213 (observed 2026-08-28T04:05:20.395646+00:00)

## What it is
A React component that wraps a contenteditable HTML element, letting users edit rich HTML content inline. It exposes controlled props like html, onChange, and event handlers for building editable text areas in React apps.

## Use cases
- build an inline editable text block in react
- let users edit rich html content on a page
- create a lightweight wysiwyg editing field
- make a div editable with react state binding
- capture html changes from a contenteditable element
- build inline-editable labels or notes in a react app

## When to choose
- you need a simple controlled contenteditable element in React
- you want inline rich-text editing without a full editor framework
- you need custom tag names and basic event handling for editable content

## When to avoid
- you need a full-featured WYSIWYG editor with toolbars and formatting controls
- your project relies on useState for the html value (known hooks issue)
- you are not using React

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, form-handling
- domain: frontend, web-development, text-editors
- platform: browser
- tags: react, contenteditable, wysiwyg, rich-text, react-component, nodejs

## Member repositories
- lovasoa/react-contenteditable (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:20.395646+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:42:32.653080+00:00, confidence not recorded.
  - readme: https://github.com/lovasoa/react-contenteditable (fetched 2026-08-28T04:05:20.395646+00:00, sha 4f0ad7925603)
  - registry_npm: https://registry.npmjs.org/react-contenteditable (fetched 2026-08-29T11:15:38.028908+00:00, sha 745c430d658e)
- Data as of 2026-08-30T08:39:29.467469+00:00.