Skip to content

PoslinskiNet/ember-pell

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
app
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.