@dreamworld/dw-text-editor
v3.0.0
Published
A light-weight Rich Text Editor based on Squire, built as LitElement WebComponent
Downloads
219
Keywords
Readme
dw-text-editor
Introduction
- HTML5 rich text editor
Installation Steps
npm i @dw/dw-text-editor
- Copy the
squire.html
file into your server root directory.
Usage
Import
import '@dw/dw-text-editor'
Use
Set
iframePath
attribute topath/to/squire.html
ifsquire.html
file isn't on root directory.Set
autoHeight
to avoid iframe scroll. In this case iframe has same height as its content always.Set
readOnly
to mark content as read only and hide toolbar action manu.Set
autoFocus
to set focus into iFrame body when iFrame is ready.Set
proxy-events
to proxy events from editor content.- Note: Original event can be accessed through
e.details.event
e.g(e) => {const originalEvent = e.details.event}
- Note: Original event can be accessed through
<dw-text-editor iframePath="path/to/squire.html" value="" autoHeight readOnly> </dw-text-editor>