All Projects → PoslinskiNet → ember-pell

PoslinskiNet / ember-pell

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

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
Handlebars
879 projects

Projects that are alternatives of or similar to ember-pell

Pell
📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
Stars: ✭ 11,653 (+20708.93%)
Mutual labels:  contenteditable, wysiwyg, text-editor, rich-text-editor, text-editing
am-editor
A rich text collaborative editor framework that can use React and Vue custom plug-ins. 一个富文本实时协同编辑器框架,可以使用React和Vue自定义插件。
Stars: ✭ 542 (+867.86%)
Mutual labels:  contenteditable, wysiwyg, text-editor, rich-text-editor
Wysiwyg.js
wysiwyg contenteditable editor (minified+compression: 6kb)
Stars: ✭ 520 (+828.57%)
Mutual labels:  contenteditable, wysiwyg, text-editor, rich-text-editor
Ckeditor4
The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.
Stars: ✭ 5,502 (+9725%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
Slate Plugins
🔌 Next-gen slate plugins
Stars: ✭ 399 (+612.5%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
Ckeditor5
Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.
Stars: ✭ 5,406 (+9553.57%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
Awesome Medium Editor
Medium.com WYSIWYG editor clone, with RTL support.
Stars: ✭ 12 (-78.57%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
Awesome Wysiwyg
A curated list of awesome WYSIWYG editors.
Stars: ✭ 1,801 (+3116.07%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
Angular Froala Wysiwyg
Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.
Stars: ✭ 696 (+1142.86%)
Mutual labels:  wysiwyg, text-editor, rich-text-editor
typester
✒️ A WYSIWYG that gives you predictable and clean HTML
Stars: ✭ 29 (-48.21%)
Mutual labels:  wysiwyg, text-editor, rich-text-editor
bangle.dev
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
Stars: ✭ 541 (+866.07%)
Mutual labels:  wysiwyg, text-editor, rich-text-editor
Megadraft
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
Stars: ✭ 982 (+1653.57%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
Medium Editor
Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
Stars: ✭ 15,421 (+27437.5%)
Mutual labels:  contenteditable, wysiwyg, rich-text-editor
ed
Text editing with media widgets
Stars: ✭ 56 (+0%)
Mutual labels:  contenteditable, wysiwyg
Textbus
基于组件 + 数据驱动的现代富文本编辑器
Stars: ✭ 242 (+332.14%)
Mutual labels:  wysiwyg, rich-text-editor
wysiwyg-editor-python-sdk
Python SDK to ease the integration of Froala WYSIWYG Editor on server side.
Stars: ✭ 20 (-64.29%)
Mutual labels:  wysiwyg, rich-text-editor
Vue Trumbowyg
Vue.js component for Trumbowyg WYSIWYG editor 📝
Stars: ✭ 224 (+300%)
Mutual labels:  wysiwyg, text-editor
Sceditor
A lightweight HTML and BBCode WYSIWYG editor
Stars: ✭ 503 (+798.21%)
Mutual labels:  contenteditable, wysiwyg
Suneditor
Pure javascript based WYSIWYG html editor, with no dependencies.
Stars: ✭ 557 (+894.64%)
Mutual labels:  contenteditable, rich-text-editor
Flutter Quill
Rich text editor for Flutter
Stars: ✭ 177 (+216.07%)
Mutual labels:  wysiwyg, rich-text-editor

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].