Skip to content

Commit 40d75bd

Browse files
committed
Align DraftJS comment setup headings
1 parent 69c2136 commit 40d75bd

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

async-collaboration/comments/setup/draftjs.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ title: "DraftJS Setup"
2828
npm i @veltdev/draftjs-velt-comments draft-js
2929
```
3030

31-
#### Step 3: Create a DraftJS editor component with Velt Comments
31+
#### Step 3: Configure the DraftJS editor with the Velt Comments extension
3232

3333
Use `DraftJSVeltEditor` instead of the standard DraftJS `Editor`. This wrapper component handles the DraftJS decorator setup, content change detection, and annotation tracking.
3434

@@ -56,7 +56,7 @@ Use `DraftJSVeltEditor` instead of the standard DraftJS `Editor`. This wrapper c
5656
</Tab>
5757
</Tabs>
5858

59-
#### Step 4: Add a comment button
59+
#### Step 4: Add a comment button to your DraftJS editor
6060

6161
- Add a button that users can click after selecting text in the DraftJS editor.
6262
- Use `onMouseDown` with `preventDefault()` so the browser does not move focus away from the editor and clear the current text selection.
@@ -184,7 +184,7 @@ Use `DraftJSVeltEditor` instead of the standard DraftJS `Editor`. This wrapper c
184184
</Tab>
185185
</Tabs>
186186
187-
#### Step 7: Export content without Velt comment entities (optional)
187+
#### Step 7: Persist DraftJS content without Velt comment entities (optional)
188188
189189
- When saving editor content to your backend, remove Velt comment entities to keep your stored content clean.
190190
- Use `exportContentStateWithoutComments` before converting DraftJS content to raw JSON.

0 commit comments

Comments
 (0)