Getting Started with Ember
A {{lilac}} element modifier built with ember-modifier — Ember’s idiomatic way to attach behavior to an element.
Installation
# Using npm npm install @lilac-wysiwyg/ember # Using pnpm pnpm add @lilac-wysiwyg/ember # Using yarn yarn add @lilac-wysiwyg/ember
Basic Usage
// app/modifiers/lilac.js export { default } from '@lilac-wysiwyg/ember'; {{! some-component.hbs }} <div {{lilac value=this.body toolbar=true onChange=this.setBody}}></div>
Features
Element Modifier
A {{lilac}} modifier — the idiomatic Ember analogue of a Svelte action.
Auto Teardown
The editor is destroyed automatically when the element is removed.
Reactive Args
Changing tracked args like value or readOnly updates the editor.
No Glimmer Template
Built with ember-modifier, so the package builds with plain tsc.
Modifier Arguments
{{lilac
value=string
toolbar=(ToolbarConfig | boolean)
readOnly=boolean
placeholder=string
onChange=(action)}}
Live Playground
The editor is identical across every adapter. This one needs its own build step, so it can’t be demoed purely in the browser — the usage above shows how it wires up.