ember-content-editable-modifier

![Greenkeeper badge](https://greenkeeper.io/)
[![Latest NPM release][npm-badge]][npm-badge-url]
[![Code Climate][codeclimate-badge]][codeclimate-badge-url]
[![Ember Observer Score][ember-observer-badge]][ember-observer-badge-url]
[![Dependencies][dependencies-badge]][dependencies-badge-url]
[![Dev Dependencies][devDependencies-badge]][devDependencies-badge-url]

This addons allows you to add contenteditable functionality to dom elements by providing an ember modifier.

Compatibility

* Ember.js v4.4 or above
* Ember CLI v4.4 or above
* Node.js v14 or above

If you need support for older ember versions, please check version 2.0.0-rc.0
or 1.0.5

Installation

``ember install ember-content-editable`

`Usage`

Just apply the content-editable modifier and provide a value attribute and a onChange function in order to update the value. Ember does not allow for two way bindings, therefore you will need to take care of updating the value yourself.

`Simplest use case`


However, it is recommended to use a setter in order to update your variable. Additionally it is recommended to create an ember component around above statement in order to provide further customizations and features that you need for your app.
Additional attributes
autofocus: If true, the element will be focused once inserted into the document
placeholder: Placeholder displayed when value is blank
$3
Add the following css code to your app:

`.ember-content-editable:empty:focus:before { content: ''; }``

Contributing

Please send PRs. However, this addon aims to provide basic contenteditable functionality only, which can easily be extended by using custom components. Otherwise see the Contributing guide for details.

License

This project is licensed under the MIT License.

[npm-badge]: https://img.shields.io/npm/v/ember-content-editable-modifier.svg
[npm-badge-url]: https://www.npmjs.com/package/ember-content-editable-modifier

[codeclimate-badge-url]: https://codeclimate.com/github/st-h/ember-content-editable-modifier/maintainability
[ember-observer-badge]: http://emberobserver.com/badges/ember-content-editable-modifier.svg
[ember-observer-badge-url]: http://emberobserver.com/addons/ember-content-editable-modifier
[dependencies-badge]: https://img.shields.io/david/st-h/ember-content-editable-modifier.svg
[dependencies-badge-url]: https://david-dm.org/st-h/ember-content-editable-modifier
[devDependencies-badge]: https://img.shields.io/david/dev/st-h/ember-content-editable-modifier.svg
[devDependencies-badge-url]: https://david-dm.org/st-h/ember-content-editable-modifier#info=devDependencies

ember-content-editable-modifier

This addons allows you to add contenteditable functionality to dom elements by providing an ember modifier.

Simplest use case

However, it is recommended to use a setter in order to update your variable. Additionally it is recommended to create an ember component around above statement in order to provide further customizations and features that you need for your app.

Additional attributes

autofocus: If true, the element will be focused once inserted into the document

placeholder: Placeholder displayed when value is blank

$3

Add the following css code to your app:


.ember-content-editable:empty:focus:before {
  content: '';
}

License

This project is licensed under the MIT License.