Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 4x 9x 9x 4x 4x | import React from 'react'; import PropTypes from 'prop-types'; import './EasyEdit.css'; import Globals from './globals' const EasyParagraph = (props) => { const {value, placeholder, onChange, attributes} = props; return ( <div className="easy-edit-component-wrapper"> <textarea autoFocus={attributes["autoFocus"] || true} className="easy-edit-textarea" value={value} onChange={onChange} placeholder={placeholder} {...attributes} /> </div>); }; EasyParagraph.propTypes = { onChange: PropTypes.func, value: PropTypes.string, placeholder: PropTypes.string, attributes: PropTypes.object }; EasyParagraph.defaultProps = { attributes: {}, placeholder: Globals.DEFAULT_PLACEHOLDER }; export default EasyParagraph; |