Editing superpowers

What counts as a number

A selection is a number only when its whole text is an optional sign, digits with at most one dot, and then letters or % for a unit. Underscores in the digits are allowed and ignored.

Nudge with the arrow keys

Select a number and press ↑ or ↓. While a number is selected the arrow keys change every selected number, and the others stay as they are, instead of moving the cursor, extending the selection, scrolling or moving lines. Press Esc or click to collapse the selection first when you want the cursor keys back.

The toolbar shows the delta controls while a selection holds a number: ↑ and ↓ nudge by 1, and a press that you hold repeats every 40 ms after 200 ms. They always take the step of 1, whatever modifier you hold. Select 3rem below and try the keys.

<meta name=color-scheme content="light dark">
<h1 style=font-size:3rem>Nudge me</h1>

How the result is written

A nudge keeps the shape of what you wrote: the unit stays, a leading dot stays, zero padding stays, and so do the underscores, counted from the right.

The number of decimals is the one you wrote, and grows to two at most when the result needs them. A selection with two dots is left unchanged.

Booleans

With true or false selected, in any case, plain ↑ and ↓ flip every selected boolean. The result is lower case, so TRUE becomes false. The Shift, Ctrl and Alt variants are not bound for booleans. If the selections hold numbers and booleans, the arrows change only the numbers.

Undo

Presses less than 600 ms apart, as when you hold a key or a toolbar button, merge into one undo step. The step ends 600 ms after the last edit, when you undo, when you press another key after a repeat, when you switch to a different nudge key, and before a deploy or another undoable edit of RTCode.

The delta expression

Every step runs an expression, (x + d) by default, where x is the number, i the index of its selection and d the step. Press Alt+= / ⌥+= with a selection, or the = button of the toolbar, to change it. The prompt shows the current expression, and an empty answer restores the default. The = button shows ✱ when the expression is not the default, and it is disabled while booleans are selected.

Only x, i, d and the members of Math, such as abs, round, min, max, random and PI, are defined. Any other name, including Number and parseInt, throws … is not defined when a nudge runs. A failing nudge shows a toast with the message, and the badge of the = button pulses red for two seconds.

Each ↑ below grows the value by d percent, so ↑ adds 1% and Shift+↑ / ⇧+↑ adds 10%.

round(x * (1 + d / 100) * 100) / 100

Expressions can use i to stagger several selections. With five selections on five 0ms values, this expression gives 0ms, 100ms, 200ms, 300ms and 400ms in one press of ↑. The index follows the order of the selections in the editor, which is not always the order of the document.

x + d * 100 * i

Example: staggered delays

Open the page below, select each 0ms with multiple cursors, set the expression to x + d * 100 * i, and press ↑.

<style>
  li { animation: wave 1s ease-in-out infinite alternate }
  @keyframes wave { to { translate: 5rem } }
</style>
<ul>
  <li style=animation-delay:0ms>One
  <li style=animation-delay:0ms>Two
  <li style=animation-delay:0ms>Three
  <li style=animation-delay:0ms>Four
  <li style=animation-delay:0ms>Five
</ul>

Selection chords

Alt+S / ⌥+S followed by a letter changes the selections themselves. A chord is two steps: press Alt+S, then press the letter on its own. These chords need at least one non-empty selection. Without one, Alt+S inserts a style snippet instead.

Fill, Replace and Enclose push the result to the output. A void element such as img is refused with img is self-closing; cannot surround.

Example: wrap three words in links

Select three words with multiple cursors, press Alt+S H / ⌥+S H and type a href=//example.com. Each word becomes <a href=//example.com>word</a>.

Reorder the selected texts

The chords that start with Alt+M / ⌥+M move the selected texts among the selections, in the order of the selections in the editor. Each one is a single undo step. Rotate needs only one selected text, so it can move text into empty cursors. Without the selections a chord needs, Alt+M inserts a module script snippet instead.

Move the selections

Ctrl+M / ⌘+M turns Selection Move on or off, with a toast that lists the keys. While it is on, Alt+↑ / ⌥+↑, Alt+↓ / ⌥+↓, Alt+← / ⌥+← and Alt+→ / ⌥+→ move the selections themselves, not the text: up and down by a line, with wrap-around at the first and last line, and left and right by a column across line ends. When a number is selected, Alt+↑ and Alt+↓ still nudge it.

Paste with Positions

Paste with Positions…, in the palette and the context menu, pastes clipboard text in which | creates a cursor and |>…<| creates a selection. Text with markers replaces every selection, and plain text goes to the primary selection only. An unclosed |> is pasted as it is. A paste with markers is one undo step and pushes to the output. If the browser blocks the clipboard, the command shows Clipboard blocked by browser and asks you to type the text.

Copy this text, put the cursor on an empty line, and run the command. You get a list with the first label selected and a cursor in the second item.

<ul>
  <li>|>First<|</li>
  <li>|</li>
</ul>

The editor's own keys

The editor's multi-cursor gestures, such as Alt and click, keep working, except where a key of RTCode replaces them. Keyboard shortcuts lists the replaced keys.

Select by element

Ctrl+Shift+I / ⌘+⇧+I, Ctrl+Shift+O / ⌘+⇧+O and Ctrl+Shift+U / ⌘+⇧+U select, for every cursor, the inner content of the enclosing element, the whole element, or its opening and closing tags. They use the markup as you wrote it. Repeating Outer on an exact element selection climbs to the parent. The same commands are in Playground ▸ Input ▸ Select ▸ HTML.

Ctrl / ⌘ and click on text in the input selects the inner content of the clicked element, or its whole element when it has no inner content. Clicking inside an exact selection climbs to the enclosing element.

Element statistics

HTML: Element Stats…, Alt+H S / ⌥+H S, analyzes the selections, or the whole input when nothing is selected, and shows a table of the elements: the tag, the count, and the total, maximum, average and minimum length of their outer and inner HTML, with a totals row, sorted by the total outer length. Click a column header, or press Enter or Space on it, to sort.

Get HTML

Selection: Get HTML, Alt+H H / ⌥+H H, serializes each selection again, which normalizes the markup. It does not push to the output.

Fetch, empty and compare

• Ctrl+I F / ⌘+I F Input: Fetch [i:] replaces the content of every element that has a non-empty i: URL, within the selections or the whole input, with the fetched text. Ctrl+I E / ⌘+I E Input: Empty [i:] empties them again.
• Ctrl+K C / ⌘+K C compares the input with the clipboard on diff.rt.ht, with the input as the original. Ctrl+I O / ⌘+I O and Ctrl+I M / ⌘+I M compare the selection, or the whole input when nothing is selected, as the original or as the modified side. The clipboard is read after the browser asks you.
• Count Unique Lines, in the palette and the context menu, replaces the input with each distinct line and its count, most frequent first, as one undo step. Its chord Ctrl+L C / ⌘+L C may not reach it.

Variation selectors

Eight palette-only commands insert an escape for VS-15, which asks for the text form of a character, or VS-16, which asks for the emoji form, at every cursor:

Emmet abbreviations Experimental

Emmet is enabled in the input. RTCode adds abbreviations of its own:

These abbreviations are experimental and may change.