mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-01-19 06:18:16 +01:00
Code Issues Releases Wiki Activity

Fix check list example (#3232)

Browse Source 
* Fix check list example

* Fix lint errors
This commit is contained in:
Urban Etter 2019-12-04 21:02:18 +01:00 committed by Ian Storm Taylor
parent 75e5015cc5
commit 31df397930
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
site/examples/check-lists.js
View File

@ -1,5 +1,12 @@
import React, { useMemo, useCallback } from 'react'
import { Slate, Editable, withReact, useEditor, useReadOnly } from 'slate-react'
import {
Slate,
Editable,
withReact,
useEditor,
useReadOnly,
ReactEditor,
} from 'slate-react'
import { Editor, Range, Point, createEditor } from 'slate'
import { css } from 'emotion'
import { withHistory } from 'slate-history'
@ -96,8 +103,12 @@ const CheckListItemElement = ({ attributes, children, element }) => {
type="checkbox"
checked={checked}
onChange={event => {
const path = editor.findPath(element)
editor.setNodes({ checked: event.target.checked }, { at: path })
const path = ReactEditor.findPath(editor, element)
Editor.setNodes(
editor,
{ checked: event.target.checked },
{ at: path }
)
}}
/>
</span>