Namibian Pyjama Merchant

    react-editable-div

    0.0.4 • Public • Published

    Editable DIV

    React Component that enables editable divs.

    Source on github

    Installation

    % npm install react-editablev-div --save
    

    Usage

    Optionally send in 'editable' as true/false in cause you want to only want to set editable for certain users.

    In the 'onChange' function, set up any method you want to store the new value.

    Example

    var Editable = require('react-editable-div');
    MyComponent = React.createClass({
      onChange: function (e) {
          // Use either
          //console.log(e.target.value);
          // or:
          //console.log(this.refs.editable.getDOMNode().innerHTML);
      },
    
      render: function() {
         return (
            <Editable editable={this.state.editable}
                           html="<b>H</b>el<b>lo </b><i><b>W</b>or<b>l</b>d<b>!</b></i>"
                           ref="editable" onChange={this.onChange} />
        );
      }
    });
    

    Install

    npm i react-editable-div

    DownloadsWeekly Downloads

    18

    Version

    0.0.4

    License

    ISC

    Last publish

    Collaborators

    • svenanders