rename init to create

This commit is contained in:
Philipp Kühn
2020-11-30 13:56:42 +01:00
parent 6c39aea432
commit 1ceb54bc19
3 changed files with 16 additions and 6 deletions

View File

@@ -10,7 +10,7 @@ You can define your event listeners on a new editor instance right-away:
```js
const editor = new Editor({
onInit() {
onCreate() {
// The editor is ready.
},
onUpdate() {
@@ -28,6 +28,9 @@ const editor = new Editor({
onBlur({ event }) {
// The editor isnt focused anymore.
},
onDestroy() {
// The editor is destroyed.
},
})
```
@@ -36,7 +39,7 @@ Or you can register your event listeners on a running editor instance:
### Bind event listeners
```js
editor.on('init', () => {
editor.on('create', () => {
// The editor is ready.
}
@@ -59,6 +62,10 @@ editor.on('focus', ({ event }) => {
editor.on('blur', ({ event }) => {
// The editor isnt focused anymore.
}
editor.on('destroy', () => {
// The editor is destroyed.
}
```
### Unbind event listeners

View File

@@ -50,12 +50,13 @@ export class Editor extends EventEmitter {
parseOptions: {},
enableInputRules: true,
enablePasteRules: true,
onInit: () => null,
onCreate: () => null,
onUpdate: () => null,
onSelection: () => null,
onTransaction: () => null,
onFocus: () => null,
onBlur: () => null,
onDestroy: () => null,
}
constructor(options: Partial<EditorOptions> = {}) {
@@ -73,16 +74,17 @@ export class Editor extends EventEmitter {
this.createSchema()
this.createView()
this.injectCSS()
this.on('init', this.options.onInit)
this.on('create', this.options.onCreate)
this.on('update', this.options.onUpdate)
this.on('selection', this.options.onSelection)
this.on('transaction', this.options.onTransaction)
this.on('focus', this.options.onFocus)
this.on('blur', this.options.onBlur)
this.on('destroy', this.options.onDestroy)
window.setTimeout(() => {
this.commands.focus(this.options.autofocus)
this.emit('init')
this.emit('create')
}, 0)
}

View File

@@ -25,12 +25,13 @@ export interface EditorOptions {
parseOptions: ParseOptions,
enableInputRules: boolean,
enablePasteRules: boolean,
onInit: () => void,
onCreate: () => void,
onUpdate: () => void,
onSelection: () => void,
onTransaction: (props: { transaction: Transaction }) => void,
onFocus: (props: { event: FocusEvent }) => void,
onBlur: (props: { event: FocusEvent }) => void,
onDestroy: () => void,
}
export type EditorContent = string | JSON | null