Code Editor
Font and Line Height
 
- Font
- Choose from a selection of built-in monospaced fonts. You can also install custom fonts. 
- Font Size
- Increase or decrease the editor font size using the stepper. 
- Line Height
- Increase or decrease the line height. Use it to adjust the spacing between lines in the code editor. The default is 110%. 
Editor Theme and Keyboard Appearance
 
Since iOS 13, users can choose to adopt a dark system-wide appearance called Dark Mode.
In Textastic, you can set separate themes and keyboard appearances for light appearance and dark appearance.
- Theme
- Select the theme you want to use in the code editor. The list of themes starts with light themes and ends with dark themes. You can also add custom themes. 
- Dark Keyboard
- Enable this setting if you want to use a dark keyboard instead of the default light keyboard. 
See also
Have a look at UI Theme on how to select the UI theme to use for dark and light system appearances.
Gutter and Line Numbers
 
- Line Numbers
- Enable this settings to display the number of each line on the left side of each line. 
- Indicate Selection
- If line numbers are enabled, you can choose to indicate the start and end of the current selection in the gutter:   
- Show Line/Column
- Show a line/column indicator on the right side above the code editor while editing a file (iPad only).   
Tab Characters
 
- Tab Width
- Select the number of spaces one tab corresponds to. 
- Soft Tabs
- Enable to insert spaces instead of a tab character when you press the Tab key. 
Invisible Characters
 
- Show Tabs
- Enable to show tab characters as small gray triangles in the editor. 
- Show Spaces
- Enable to show space characters as dots in the editor. 
- Show Newlines
- Enable to indicate newline characters at the end of each line in the editor. 
- Show All / Show None
- Tap to quickly show all or no invisible characters. 
Word Wrap
 
- Indent Wrapped Lines
- Enable to indent soft wrapped lines. This makes it much easier to read code, but you may want to disable it for regular text/prose. 
- Auto Word Wrap
- Enable to visually wrap lines (soft wrap) to the editor width. 
- Wrap Column
- If Auto Word Wrap is disabled, you can manually enter a column at which lines are soft-wrapped. 
Keyboard
 
- Read-Only
- Enable this settings to make the editor read-only. Tapping on the editor won’t bring up the keyboard anymore. 
- Auto-Correction
- Enable to spellcheck words as you type, automatically correcting misspelled words. You should disable this if editing code. 
- Auto-Capitalization
- Enable automatic capitalization of the first letter of each sentence. 
- Smart Punctuation
- Enable to allow smart quotes and automatic conversion between hyphens and en or em dashes. 
- Additional Keys
- Enable the additional row of keys above the standard keyboard (iPad only). 
- Shortcuts
- Enable the standard shortcuts bar above the keyboard which has buttons for undo/redo and copy/cut/paste (iPad only). If you enable Additional Keys, this should be disabled to save screen space. 
Text Editing
 
- Code Completion
- Enable code completion. Currently, Textastic supports code completion for HTML, JavaScript, CSS, C, Objective-C, and PHP. 
- Indent Based on Syntax
- Automatically indent code when typing, based on its syntax. For example, increases the indentation when pressing Return after an opening curly brace (“{”) in C or an opening tag in HTML and decreases indentation after a closing curly brace (“}”) or a closing tag. 
- Close Brackets and Quotes
- Automatically insert a matching closing character when typing an opening bracket or quote. This works for the following pairs: - "",- '',- (),- [],- {}.
Emmet
 
- Emmet Cheat Sheet
- Open the Emmet Cheat Sheet in the browser. Also have a look at the Emmet Documentation. 
- Expand with Tab
- Enable to expand Emmet abbreviations with the Tab key if possible (this works for example in HTML, CSS, XML, Less, Sass, and SCSS files). - You can also use Ctrl-E on an external keyboard to expand Emmet abbreviations. See External Keyboard Shortcuts. 
TextExpander
 
- TextExpander
- Enable TextExpander snippet expansion with this setting. 
- Update Snippets
- Tap here to launch the TextExpander app and fetch a copy of the latest snippets. 
