{"library":"react-contenteditable","type":"library","category":null,"description":"react-contenteditable is a React component that simplifies the integration of the native `contenteditable` HTML attribute into React applications. It provides a controlled component approach, allowing developers to manage the `innerHTML` of an editable HTML element (like a `div` or `article`) via React state. The package, currently at version 3.3.7, addresses many common challenges associated with `contenteditable` in React, such as cursor jumping and state synchronization, often encountered when directly managing DOM mutations. It abstracts the use of `dangerouslySetInnerHTML`, providing a safer and more idiomatic React interface. While the component is designed to mitigate typical `contenteditable` pitfalls, users should be aware of inherent complexities like input sanitization to prevent XSS attacks and managing rich text pasting. The library ships with TypeScript types.","language":"javascript","status":"active","version":"3.3.7","tags":["javascript","react-component","contenteditable","editable","html","react","typescript"],"install":[{"cmd":"npm install react-contenteditable","imports":["import ContentEditable from 'react-contenteditable'","const ContentEditable = require('react-contenteditable')"]},{"cmd":"yarn add react-contenteditable","imports":[]},{"cmd":"pnpm add react-contenteditable","imports":[]}],"homepage":null,"github":"https://github.com/lovasoa/react-contenteditable","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-contenteditable","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-contenteditable/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}