mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-21 22:45:18 +02:00
Code Issues Releases Wiki Activity

Fix image drop in example (#919)

Browse Source 
* Fix image drop in example

Dropped images were being inserted at previous selection rather than drop target.

* Fix linting errors
This commit is contained in:
mjadobson
2017-07-11 21:14:39 +01:00
committed by Ian Storm Taylor
parent ccb7a23ba3
commit e81f4e24e9
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
examples/images/index.js
View File

@@ -161,7 +161,7 @@ class Images extends React.Component {
const src = window.prompt('Enter the URL of the image:') const src = window.prompt('Enter the URL of the image:')
if (!src) return if (!src) return
let { state } = this.state let { state } = this.state
state = this.insertImage(state, src) state = this.insertImage(state, null, src)
this.onChange(state) this.onChange(state)
} }
@@ -219,7 +219,7 @@ class Images extends React.Component {
reader.addEventListener('load', () => { reader.addEventListener('load', () => {
state = editor.getState() state = editor.getState()
state = this.insertImage(state, reader.result) state = this.insertImage(state, data.target, reader.result)
editor.onChange(state) editor.onChange(state)
}) })
@@ -256,7 +256,7 @@ class Images extends React.Component {
onPasteText = (e, data, state) => { onPasteText = (e, data, state) => {
if (!isUrl(data.text)) return if (!isUrl(data.text)) return
if (!isImage(data.text)) return if (!isImage(data.text)) return
return this.insertImage(state, data.text) return this.insertImage(state, data.target, data.text)
} }
/** /**
@@ -267,9 +267,12 @@ class Images extends React.Component {
* @return {State} * @return {State}
*/ */
insertImage = (state, src) => { insertImage = (state, target, src) => {
return state const transform = state.transform()
.transform()
if (target) transform.select(target)
return transform
.insertBlock({ .insertBlock({
type: 'image', type: 'image',
isVoid: true, isVoid: true,