Skip to content

Editor and preview

The editor combines source text, document tools, and a live preview. On a wide screen, keep source and preview side by side.

Both navigation rows span the window and use the same responsive outer margins as the dashboard, My library and Administration. The source and preview panels use the remaining workspace width.

Tylor editor showing the Field notes source beside its compiled page

The top row keeps Tylor, the return link, and your document title on the left, with command search, save status, and your account on the right. Click the document title to rename it. The second row groups document menus and the current filename with sharing, layout, and PDF export controls.

  • File contains Browse documents… (return to Dashboard), project import, ZIP download, and PDF/SVG export.
  • Edit contains undo, redo, and find/replace.
  • Document contains page setup and insertion tools for tables, figures, bibliography, and more.
  • View controls sidebar panels, wrapping, zoom, and theme.

Click Hide in the panel header to make more room for your document. The dedicated Sidebar button, before the desktop document menus, opens or hides the sidebar and remembers your last-used panel. Vertical separators distinguish the Sidebar button, document menus, and current filename. The filename is a plain label. The Main badge in Files marks the default compilation entry point. A file’s eye button temporarily previews that file instead; click it again to return to Main. Hover over the filename to see both the editing and current compilation paths, including a temporary preview. The Files panel opens project files. The Outline panel helps navigate headings. Search in files finds text across the project, while Mod+F searches only the current file.

Dark-theme editor with a dedicated Sidebar button and Hide action in the Files header

Switching documents prepares the destination after its source loads. Returning to an unchanged document in the same tab can reuse its files after checking for server changes. Reloading the whole page still downloads project files and checks required packages and fonts; a cached application alone does not guarantee an immediate preview. Background checks with no queued edits do not restart dependency loading. Real saves, import changes and reconnects can refresh it.

Type a function or parameter, or press Ctrl+Space, to open suggestions. The popup can extend over the preview so the editor/preview divider does not cut it off. Use Up/Down to choose a suggestion, Enter to accept it, and Escape to dismiss it. On smaller screens, the popup stays within the available screen width.

The preview recompiles as you edit. The zoom percentage and down arrow open zoom presets. Use View → Fit to width for reading or Fit to page to inspect the layout. Double-click a position on a page to jump to its source.

If compilation fails, the last successful pages remain visible. Read the diagnostics and fix the source; a visible page alone does not prove your latest edit compiled.

Choose Present in the document header or View → Present document… for a stable presentation with private notes, a timer, temporary drawings and a separate audience window. Choose Discussion · paper to focus a figure or passage. See Presenting and discussing documents.

On mobile, documents open in Editor. Switch with the Editor and Preview buttons at the bottom. The project name and current file appear in the top bar. Tap Sidebar in the bottom bar beside Editor and Preview to open your document tools, then choose Files, Outline, or another panel. Tap Hide in the drawer header to close it. The Main badge in Files identifies the default compilation entry point, which can differ from the file you are editing. Collaborator avatars, when present, appear beside the bottom workspace tabs.

Use Undo, Redo, Format, and Insert while writing. Format offers headings, emphasis and lists; Insert offers math, code, links, images and tables. These sheets keep your text selection, return focus to the editor after applying a command, and preserve undo. More editor tools reveals definition navigation, cursor-to-preview and Assist when available.

The document menu opens File, Edit, Document, or View as separate groups. File includes Share and Git when available. Choose File → Export PDF or File → Export SVG from that menu to export. Pinch the preview to zoom, or choose a percentage or fit mode.

Mobile preview of the Field notes document with the Editor and Preview tabs

A checkmark beside a sidebar panel in View shows which panel is open; selecting it again hides it. Opening a panel from Preview-only mode restores split view. Use the View menu to wrap long lines, hide the formatting toolbar, show the word count, or choose a theme. Only show editor, Only show preview, and Show both panels let you choose the workspace for the task.

Keep keyboard shortcuts nearby while you learn the interface.

The first Tab stop is Skip to editor, which bypasses the navigation. Activate toolbar buttons with Enter or Space. Desktop menus support Up/Down, Home/End, and Left/Right between menus. Escape closes the menu and returns focus. Focus the editor/preview divider and use Left/Right to resize, Shift for larger steps, Home/End for the limits, or Enter to restore the default split.

Compilation errors leave the last successful preview visible and explicitly label it. Diagnostics show the source line and column; select an error to jump to it.