Skip to content
Kisuke Kisuke

Editing Techniques

Editing code on a touch screen? Kisuke makes it feel natural with smart features designed for mobile development.

Basic editing

Section titled “Basic editing”

Placing your cursor

Section titled “Placing your cursor”

Precision matters on mobile:

  • Single tap - Places cursor
  • Tap and hold - Magnifying glass
  • Drag cursor - Fine positioning
  • Double tap - Select word

Text selection

Section titled “Text selection”

Multiple ways to select:

  • Double tap - Selects word
  • Triple tap - Selects line
  • Drag handles - Adjust selection
  • Select all - In edit menu

Copy, cut, and paste

Section titled “Copy, cut, and paste”

Standard gestures work:

  • Long press - Shows menu
  • Copy/Cut - Standard options
  • Paste - With formatting
  • Paste plain - Without styling

Smart editing features

Section titled “Smart editing features”

Auto-completion

Section titled “Auto-completion”

Code faster with:

  • Language keywords suggested
  • Variable names from file
  • Function names remembered
  • Import paths completed

Auto-indentation

Section titled “Auto-indentation”

Kisuke handles spacing:

  • Matches surrounding code
  • Respects file settings
  • Smart dedent on close
  • Tab/space aware

Bracket matching

Section titled “Bracket matching”

Never lose track:

  • Highlights pairs - (), [], {}
  • Jump to match - Tap bracket
  • Auto-close - Types closing bracket
  • Rainbow brackets - Nested colors

Multi-cursor editing

Section titled “Multi-cursor editing”

Edit multiple places:

  1. Place first cursor
  2. Tap and hold for second
  3. Type to edit all
  4. Escape to exit

Touch-optimized features

Section titled “Touch-optimized features”

Quick actions toolbar

Section titled “Quick actions toolbar”

Above your keyboard:

  • Tab - Insert indent
  • < > - Jump word
  • ( ) - Insert brackets
  • Undo/Redo - Quick access

Gesture shortcuts

Section titled “Gesture shortcuts”

Speed up with gestures:

  • Two-finger tap - Undo
  • Three-finger tap - Redo
  • Pinch - Zoom in/out
  • Two-finger swipe - Scroll fast

Smart selection

Section titled “Smart selection”

Double tap and drag:

  • Selects by word boundaries
  • Respects code structure
  • Expands to logical units
  • Works with camelCase

Code intelligence

Section titled “Code intelligence”

Error highlighting

Section titled “Error highlighting”

See problems instantly:

  • Red underline - Errors
  • Yellow underline - Warnings
  • Tap to see - Error message
  • Quick fix - If available

Syntax awareness

Section titled “Syntax awareness”

The editor understands:

  • Comment shortcuts
  • String detection
  • Block boundaries
  • Language rules

Format on save

Section titled “Format on save”

Keep code clean:

  • Auto-formats on save
  • Respects project rules
  • Configure in settings
  • Per-language options

Efficient text manipulation

Section titled “Efficient text manipulation”

Find and replace

Section titled “Find and replace”

Search within file:

  1. Tap search icon 🔍
  2. Enter search term
  3. Use arrows to navigate
  4. Toggle replace mode

Find options

Section titled “Find options”
  • Case sensitive toggle
  • Whole word matching
  • Regex support
  • Replace all option

Quick fixes

Section titled “Quick fixes”

Let Kisuke help:

  • Import missing modules
  • Fix simple typos
  • Add missing semicolons
  • Correct quotes

Writing new code

Section titled “Writing new code”

Snippets

Section titled “Snippets”

Expand shortcuts:

  • Type trigger + Tab
  • log → console.log()
  • func → function template
  • Custom snippets available

Templates

Section titled “Templates”

Start with structure:

  • React components
  • HTML boilerplate
  • Function patterns
  • Class templates

Emmet support

Section titled “Emmet support”

HTML/CSS shortcuts:

  • div.container + Tab
  • ul>li*5 + Tab
  • CSS property shortcuts
  • Nested expansions

Commenting code

Section titled “Commenting code”

Quick comments

Section titled “Quick comments”

Fast ways to comment:

  • Line comment - Cmd+/
  • Block comment - Cmd+Shift+/
  • Toggle comment - Works on selection
  • Smart placement - Respects indentation

Documentation comments

Section titled “Documentation comments”

For functions and classes:

  • Type /** and Enter
  • Auto-generates template
  • Includes parameters
  • Ready for JSDoc

Refactoring

Section titled “Refactoring”

Rename symbol

Section titled “Rename symbol”

Change names everywhere:

  1. Select variable/function
  2. Choose “Rename”
  3. Type new name
  4. Updates all references

Extract variable

Section titled “Extract variable”

Clean up code:

  1. Select expression
  2. Choose “Extract to variable”
  3. Name the variable
  4. Code updates automatically

Move line

Section titled “Move line”

Reorganize easily:

  • Alt+Up/Down - Move line
  • Works with selection - Move blocks
  • Maintains indentation
  • Updates imports if needed

Mobile-specific tips

Section titled “Mobile-specific tips”

Use landscape mode

Section titled “Use landscape mode”

For longer coding sessions:

  • More visible code
  • Easier typing
  • Better overview
  • Split keyboard (iPad)

Adjust font size

Section titled “Adjust font size”

Find your comfort:

  • Pinch to zoom temporarily
  • Settings for permanent
  • Different for different files
  • Saves per device

External keyboard

Section titled “External keyboard”

When available:

  • Full shortcuts work
  • Faster typing
  • Arrow navigation
  • Standard combinations

Take breaks

Section titled “Take breaks”

Mobile coding tips:

  • Rest your hands
  • Adjust brightness
  • Change positions
  • Use stands/holders

Common editing patterns

Section titled “Common editing patterns”

Debugging edits

Section titled “Debugging edits”
  1. Navigate to error
  2. Understand context
  3. Make targeted fix
  4. Test immediately

Adding features

Section titled “Adding features”
  1. Find insertion point
  2. Use snippets/templates
  3. Write new code
  4. Connect to existing

Refactoring

Section titled “Refactoring”
  1. Identify problem area
  2. Select code block
  3. Use refactor tools
  4. Verify changes

Quick fixes

Section titled “Quick fixes”
  1. See error squiggle
  2. Tap for details
  3. Apply suggested fix
  4. Move to next

Advanced techniques

Section titled “Advanced techniques”

Macro recording

Section titled “Macro recording”

Repeat actions:

  1. Start recording
  2. Perform edits
  3. Stop recording
  4. Play back anywhere

Multiple selections

Section titled “Multiple selections”

Edit many places:

  • Cmd+Click each location
  • Type to change all
  • Great for renames
  • Bulk updates

Column selection

Section titled “Column selection”

Select vertically:

  • Alt+drag selection
  • Edit multiple lines
  • Add prefixes/suffixes
  • Align code

Settings and preferences

Section titled “Settings and preferences”

Editor behavior

Section titled “Editor behavior”

Customize to taste:

  • Tab size (2, 4, 8)
  • Insert spaces/tabs
  • Auto-save delay
  • Format on save

Code style

Section titled “Code style”

Match your team:

  • Bracket placement
  • Quote style
  • Semicolons
  • Line endings

Personal preferences

Section titled “Personal preferences”

Make it yours:

  • Cursor style
  • Line highlight
  • Word wrap
  • Minimap

Next steps

Section titled “Next steps”

Keep improving: