https://github.com/poslinskinet/ember-pell

Ember addon for simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies
https://github.com/poslinskinet/ember-pell

contenteditable editor emberjs emberjs-addon javascript rich-text-editor text-editing text-editor wysiwyg

Last synced: 14 days ago
JSON representation

Ember addon for simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies

• Host: GitHub
• URL: https://github.com/poslinskinet/ember-pell
• Owner: PoslinskiNet
• License: mit
• Created: 2017-07-30T10:22:14.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-04-01T11:52:58.000Z (almost 2 years ago)
• Last Synced: 2024-04-02T03:25:33.543Z (9 months ago)
• Topics: contenteditable, editor, emberjs, emberjs-addon, javascript, rich-text-editor, text-editing, text-editor, wysiwyg
• Language: JavaScript
• Homepage:
• Size: 3.93 MB
• Stars: 58
• Watchers: 2
• Forks: 9
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  



[![Build Status](https://api.travis-ci.org/PoslinskiNet/ember-pell.svg?branch=master)](http://travis-ci.org/PoslinskiNet/ember-pell)

[![Greenkeeper badge](https://badges.greenkeeper.io/PoslinskiNet/ember-pell.svg)](https://greenkeeper.io/)

[![Ember Observer Score](https://emberobserver.com/badges/ember-pell.svg)](https://emberobserver.com/addons/ember-pell)

[![NPM package info for ember-pell](https://img.shields.io/npm/dm/ember-pell.svg)](http://npmjs.com/package/ember-pell)

[![License info](https://img.shields.io/npm/l/ember-pell.svg)](http://npmjs.com/package/ember-pell)

Compatibility

------------------------------------------------------------------------------

* Ember.js v2.18 or above

* Ember CLI v2.13 or above

* Node.js v8 or above

Installation

------------------------------------------------------------------------------

An Ember Component that uses under the hood the great Pell micro 1KB WYSIWYG editor (https://github.com/jaredreich/pell) that doesn't require jQuery.

# Browser support

![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![IE](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Opera](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)

--- | --- | --- | --- | --- |

5+ ✔ | 4+ ✔ | 9+ ✔ | 11.6+ ✔ | 5+ ✔ |

# Demo

https://ember-twiddle.com/3b21c63730594b39d2b9cbfa8f963803

## Installation

```

ember install ember-pell

```

## Usage

### 1. Setup value property:

You can declare value variable in your controller or parent component:

```javascript

// app/controllers/task.js

import Controller from '@ember/controller';

export default class TaskController extends Controller {

  value = '
Some html
';

  options = {}; // optional param

}

```


#### 2. Use `` component

```hbs

{{! app/templates/task.hbs }}

```

Available options are documented in [Pell repository](https://github.com/jaredreich/pell)

License

------------------------------------------------------------------------------

See the LICENSE file included in this repository.

Contributing

------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.

## Code of Conduct

Please note that this project is released with a Contributor Code of

Conduct. By participating in this project you agree to abide by its

terms, which can be found in the `CODE_OF_CONDUCT.md` file in this

repository.