Use Insert Code Block with 3 topics in this guide, including entering editing mode, opening the insert entry, and inserting a code block; choose a topic from the index and follow the entry path and steps.
How-to Index
| No. | Topic | Membership Requirement |
|---|---|---|
| 1 | 1. Enter smart document editing mode | Free |
| 2 | 2. Open the bottom insert entry | Free |
| 3 | 3. Insert a code block | Free |
How-to Guide
1. Enter smart document editing mode
Entry path: Open a smart document → tap Edit in the lower-right corner
- Open the smart document that you want to edit.
- Tap Edit in the lower-right corner.
- Confirm that the document enters editing mode.
Success Criteria
- Interface result: The page enters editing mode and the cursor can be placed in the document.
- What you can do next: The bottom toolbar remains available for more insert actions.
Tips While Using
- Common mistake: If you do not enter editing mode first, the insert entry may not appear.
2. Open the bottom insert entry
Entry path: Editing mode → + icon in the bottom toolbar
- Tap the paragraph position where you want to add the code block.
- Check the bottom toolbar.
- Tap the + icon to open the insert panel.
Success Criteria
- Interface result: A list of insertable content types appears at the bottom.
- What you can do next: You can continue and choose Code Block.
Tips While Using
- Common mistake: If you do not place the cursor first, the code block may be inserted in an unexpected paragraph.
3. Insert a code block
Entry path: + icon in the bottom toolbar → Code Block
- Find Code Block in the insert panel.
- Tap Code Block.
- Complete the insertion.
- Type or paste your code into the code block.
Success Criteria
- Interface result: A separate code block area appears in the document.
- What you can do next: You can continue typing code, add explanation text, or share the document.
Tips While Using
- Common mistake: If the cursor is in the wrong place, the code block will be inserted in a different paragraph.