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

Docs: fix Ctrl-` backticks issue on 03-defining-custom-elements page (#5203)

Browse Source
This commit is contained in:
Ravi Lamkoti
2022-11-30 03:19:08 +05:30
committed by GitHub
parent 66fbc0a5b9
commit d1f90ebd12
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/walkthroughs/03-defining-custom-elements.md
View File

@@ -116,7 +116,7 @@ const DefaultElement = props => {
} }
``` ```
Okay, but now we'll need a way for the user to actually turn a block into a code block. So let's change our `onKeyDown` function to add a ``Ctrl-``` shortcut that does just that: Okay, but now we'll need a way for the user to actually turn a block into a code block. So let's change our `onKeyDown` function to add a `` Ctrl-` `` shortcut that does just that:
```jsx ```jsx
// Import the `Editor` and `Transforms` helpers from Slate. // Import the `Editor` and `Transforms` helpers from Slate.
@@ -175,9 +175,9 @@ const DefaultElement = props => {
} }
``` ```
Now, if you press ``Ctrl-``` the block your cursor is in should turn into a code block! Magic! Now, if you press `` Ctrl-` `` the block your cursor is in should turn into a code block! Magic!
But we forgot one thing. When you hit ``Ctrl-``` again, it should change the code block back into a paragraph. To do that, we'll need to add a bit of logic to change the type we set based on whether any of the currently selected blocks are already a code block: But we forgot one thing. When you hit `` Ctrl-` `` again, it should change the code block back into a paragraph. To do that, we'll need to add a bit of logic to change the type we set based on whether any of the currently selected blocks are already a code block:
```jsx ```jsx
const initialValue = [ const initialValue = [
@@ -224,4 +224,4 @@ const App = () => {
} }
``` ```
And there you have it! If you press ``Ctrl-``` while inside a code block, it should turn back into a paragraph! And there you have it! If you press `` Ctrl-` `` while inside a code block, it should turn back into a paragraph!