Skip to content

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

License

Notifications You must be signed in to change notification settings

PoslinskiNet/ember-pell

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ember Pell Logo

Build Status Greenkeeper badge Ember Observer Score NPM package info for ember-pell License info

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 Firefox IE Opera Safari
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:

// app/controllers/task.js

import Controller from '@ember/controller';

export default class TaskController extends Controller {
  value = '<h1>Some html</h1>';
  options = {}; // optional param
}

2. Use <PellEditor /> component

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

<PellEditor
  @value={{this.value}}
  @onChange={{fn (mut this.value)}}
  @pellOptions={{this.options}}
/>

Available options are documented in Pell repository

License

See the LICENSE file included in this repository.

Contributing

See the Contributing 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.