squarrific / ember-tui-editor

Use TOAST UI markdown editor in Ember

ember-tui-editor

TOAST UI WYSIWYG markdown editor for Ember. (Demo)

Installation

ember install ember-tui-editor

Usage

<TuiEditor @value="# Hello World" @onChange={{action 'onChange'}} />

Properties

For a list of possible options and their defaults have a look at the TOAST UI docs.

You can pass the properties as a hash to options using their original names just as you would when using TUI editor directly. Alternatively set them directly on the component. The later version has the advantage that some properties are bound. However mind the different naming (see table).

The following table lists some special properties (bound, different name) only:

Property	TUI name	Is Bound?	Notes
height		x
minHeight		x
value	initialValue	x	Changes do not propagate to value ("data down, action up")
previewStyle		x
editType	initialEditType	x
viewer			Do not show editor but markdown viewer only

Actions

Event	Description
onLoad	Emitted when editor is fully loaded
onChange	Emitted when content changed
onStateChange	Emitted when format changed by cursor position
onFocus	Emitted when editor gets focus
onBlur	Emitted when editor looses focus

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.