React-editable-html-element NPM

react-editable-html-element

Allows HTML elements to be modified in place by changing them into inputs when clicked.

Install

npm install --save react-editable-html-elements

Usage

import React from 'react';
import EditableElement from 'react-editable-html-element';

const YourComponent = () => {
  const yourProps = {
    // See Props section
  };

  return <EditableElement {...yourProps} />;
}

Props

Name	Type	Description	Default
allowEditing	bool	Set to false to disable editing completely.	true
editable	bool	Should the element be editable when mounted?	false; true if the value prop is empty
element	string (see src/htmlTags.js for the allowed HTML elements)	The HTML element.	'div'
elementClassName	string	CSS class(es) to apply to the element.	''
elementStyle	object	React-formatted CSS to apply to the element.	{}
inputClassName	string	CSS classes(es) to apply to the input.	''
inputStyle	object	React-formatted CSS to apply to the input.	{}
onChange	function	Override the component's built-in input change.	null
onKeyDown	function	Override the component's built-in onKeyDown function.	null
placeholder	string	Text to display when the input is empty.	'Enter text'
value	string	The value of the element/input.	''

react javascript

bootstrap fs he highlight.js prop-types react react-dom react-markdown react-remarkable react-syntax-highlighter smooth-scroll

@infinitebrahmanuniverse/nolb-react-ed @everything-registry/sub-chunk-2553

1.0.1

8 years ago

1.0.0

8 years ago