bible-note 0.4.4 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2130 @@
1
+ ---
2
+ title: BibleNote editor user guide
3
+ package: bible-note
4
+ version: 0.5.0
5
+ audience: people writing notes in the BibleNote editor
6
+ chunking: one chunk per level-2 heading; the JSON in the HTML comment under each heading is that chunk's metadata
7
+ chunks: 131
8
+ ---
9
+
10
+ # BibleNote editor user guide
11
+
12
+ How to use the BibleNote note editor: writing and formatting notes, mentioning people, places and Bible verses, inserting tables, drawings and media, and importing, exporting and printing. Each "##" section below stands on its own and is written for the person using the editor, not for a developer. Some buttons depend on the app the editor runs in; where that is the case the section says so.
13
+
14
+ ## Getting started › Find your way around the editor
15
+
16
+ <!-- chunk {"id":"ui/getting-started/find-your-way-around-the-editor","section":"Getting started","title":"Find your way around the editor","tags":["basics","layout","saving"],"source":"knowledge/ui/01-getting-started.md","package":"bible-note@0.5.0"} -->
17
+
18
+ The BibleNote editor has three parts, top to bottom.
19
+
20
+ ### The toolbar
21
+
22
+ The toolbar runs along the top. From left to right it holds **Undo** and **Redo**, the text style menu (it shows **Normal** for an ordinary paragraph), the font and font size, bold, italic, underline, code and link buttons, text and background colour, more text styles, the **Insert** menu, **Show invisible characters** (¶) and the alignment menu. The toolbar only appears while the **Rich Text** setting is on, which is the default.
23
+
24
+ ### The writing area
25
+
26
+ The writing area in the middle is the note itself. An empty note shows the hint "Enter some rich text...". Sticky notes float on top of the writing area, and the comments and lookup panels open at its right-hand side.
27
+
28
+ ### The footer bar
29
+
30
+ The footer bar runs along the bottom:
31
+
32
+ - On the left: **Zoom out** (−), the zoom slider, **Zoom in** (+), the current zoom percentage, and a faint **View options** button (⋮) that becomes visible when you point at the footer.
33
+ - On the right: **Show Sticky Notes** / **Hide Sticky Notes**, **Import Word Document**, **Download Word Document**, **Print**, the **Page size** list, **Clear**, **Read-Only Mode** (padlock), **Show Comments**, **Show Lookup (name or location)**, **Import**, **Export** and **Editor Information**.
34
+
35
+ Some footer controls depend on the app the editor runs in:
36
+
37
+ - **Share as Link** and **Convert From Markdown** appear only when the editor runs in a web browser, not inside a desktop app.
38
+ - In a compact footer, **Import**, **Export** and **Editor Information** are grouped under a **More actions** (⋯) button.
39
+ - The app can add its own buttons before and after the built-in ones, so you may see extra buttons that vary from app to app.
40
+ - A gear button for the settings panel appears near the bottom-left corner only when the app provides a settings panel.
41
+
42
+ ## Getting started › How your note is saved
43
+
44
+ <!-- chunk {"id":"ui/getting-started/how-your-note-is-saved","section":"Getting started","title":"How your note is saved","tags":["basics","layout","saving"],"source":"knowledge/ui/01-getting-started.md","package":"bible-note@0.5.0"} -->
45
+
46
+ There is no Save button. The BibleNote editor saves the note automatically after every change, as you type. Where it is kept depends on the app: in a web browser it is stored in that browser on this device, while an app stores it with its own data. Close the editor and open it again and the note is still there.
47
+
48
+ The editor also remembers, in the same place:
49
+
50
+ - your comments, and whether the comments panel was open;
51
+ - whether read-only mode is on;
52
+ - the zoom level;
53
+ - your settings, including the page size and Dark Mode.
54
+
55
+ Two things are not kept: hidden sticky notes show again the next time the editor opens, and the undo history starts empty after the editor is reopened.
56
+
57
+ Because the note lives in one place, keep a copy before big changes or when moving to another device. **Export** in the footer saves a complete backup file, and **Download Word Document** saves a Word copy.
58
+
59
+ Some actions replace or wipe the saved note: **Clear**, **Import**, **Import Word Document**, and **Reset to Defaults** in the settings panel. In a web browser, opening a shared link also replaces the note stored in that browser.
60
+
61
+ ## Getting started › Lock the note with read-only mode
62
+
63
+ <!-- chunk {"id":"ui/getting-started/lock-the-note-with-read-only-mode","section":"Getting started","title":"Lock the note with read-only mode","tags":["basics","layout","saving"],"source":"knowledge/ui/01-getting-started.md","package":"bible-note@0.5.0"} -->
64
+
65
+ Read-only mode protects the note from accidental edits while you read or present it.
66
+
67
+ ### Lock and unlock
68
+
69
+ Click the padlock button in the footer; its tooltip is **Read-Only Mode**. The padlock shows open while the note can be edited and closed while it is locked. Click it again to unlock.
70
+
71
+ ### What read-only mode locks
72
+
73
+ - You cannot type, delete, paste, cut or drop anything into the note. If you try, the padlock button flashes briefly to remind you that the note is locked.
74
+ - Toolbar formatting buttons, including **Undo** and **Redo**, are greyed out. **Show invisible characters** still works.
75
+ - Sticky-note text cannot be edited.
76
+ - Links in the note can be clicked to open them.
77
+
78
+ The editor remembers read-only mode, so a locked note is still locked the next time you open it.
79
+
80
+ ### What it does not lock
81
+
82
+ Read-only mode only stops editing inside the note. Footer actions stay available: **Clear** still empties a locked note, and sticky notes can still be recoloured. Do not rely on read-only mode in place of a backup.
83
+
84
+ ### When the app locks the note
85
+
86
+ Some apps open a note locked on purpose. The padlock tooltip then reads **Read-Only Mode Locked**, and clicking it does not unlock the note; it only flashes.
87
+
88
+ ## Getting started › Undo and redo changes
89
+
90
+ <!-- chunk {"id":"ui/getting-started/undo-and-redo-changes","section":"Getting started","title":"Undo and redo changes","tags":["basics","layout","saving"],"source":"knowledge/ui/01-getting-started.md","package":"bible-note@0.5.0"} -->
91
+
92
+ Use **Undo** and **Redo**, the two curved-arrow buttons at the left end of the toolbar, or the keyboard:
93
+
94
+ - Undo: `Ctrl+Z` on Windows and Linux, `⌘+Z` on macOS.
95
+ - Redo: `Ctrl+Y` on Windows and Linux, `⌘+Shift+Z` on macOS.
96
+
97
+ The buttons are greyed out when there is nothing to undo or redo, and while read-only mode is on.
98
+
99
+ Undo also reverses actions from the footer and the sticky notes. For example, it brings back the note after **Clear**, or a sticky note you deleted with its × button.
100
+
101
+ The undo history only lasts while the editor stays open. It also starts again after you use **Import** to load a backup file or **Reset to Defaults** in the settings panel, so those cannot be undone.
102
+
103
+ ## Getting started › Switch between light and dark appearance
104
+
105
+ <!-- chunk {"id":"ui/getting-started/switch-between-light-and-dark-appearance","section":"Getting started","title":"Switch between light and dark appearance","tags":["basics","layout","saving"],"source":"knowledge/ui/01-getting-started.md","package":"bible-note@0.5.0"} -->
106
+
107
+ The BibleNote editor has a light and a dark appearance. Light is the default.
108
+
109
+ - If the app provides the settings panel, click the gear button near the bottom-left corner and turn on the **Dark Mode** switch. Turn it off to go back to light.
110
+ - Some apps set the appearance themselves, for example to match the app's own theme. In that case, switch the theme in the app.
111
+
112
+ The editor remembers the choice. In dark mode the toolbar, writing area and panels turn dark, and sticky notes use deeper versions of their colours.
113
+
114
+ Printing always uses light colours on a white page, whichever appearance is on screen.
115
+
116
+ ## Formatting text › The toolbar at the top of the editor
117
+
118
+ <!-- chunk {"id":"ui/formatting-text/the-toolbar-at-the-top-of-the-editor","section":"Formatting text","title":"The toolbar at the top of the editor","tags":["formatting","toolbar","text","links","buttons","overview"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
119
+
120
+ The toolbar runs across the top of the editor. From left to right it holds:
121
+
122
+ - **Undo** and **Redo**.
123
+ - The block type menu, which shows the kind of block the cursor is in (for example **Normal** or **Heading 1**).
124
+ - The font menu, which shows the current font (**Arial** until you choose another).
125
+ - The font size box, with a **−** button before it and a **+** button after it.
126
+ - The **Bold**, **Italic** and **Underline** buttons, the **</>** inline code button and the **Insert link** button.
127
+ - The text colour button (palette icon) and the background colour button (paint bucket icon).
128
+ - The **⋯** menu with more text styles: **Lowercase**, **Uppercase**, **Capitalize**, **Strikethrough**, **Subscript**, **Superscript**, **Highlight**, **Clear Formatting** and **Link block text**.
129
+ - The **Insert** menu, for tables, media, drawings, equations and other content.
130
+ - The **¶** button (**Show invisible characters**).
131
+ - The alignment menu, which shows the current alignment (**Left Align** by default) and also holds **Outdent** and **Indent**.
132
+
133
+ Hover over a button such as **Bold** to see its name and keyboard shortcut. Items in the toolbar menus show their shortcut on the right.
134
+
135
+ ### When the toolbar looks different
136
+
137
+ - In a narrow window (about 1100 pixels wide or less) the menus show only their icons, without a text label. When the toolbar does not fit, scroll it sideways.
138
+ - While the cursor is inside a code block, everything between the block type menu and the **¶** button is replaced by a language menu for the code (unless code highlighting is switched off in the settings panel).
139
+ - While you type in an image caption, the block type menu, the **Insert** menu and the inline code button are hidden.
140
+ - In a read-only (locked) note most buttons are greyed out.
141
+ - In full view (`F5`) the toolbar is hidden; move the pointer to the top edge of the editor to show it.
142
+ - When the **Rich Text** switch in the settings panel is off, the editor is plain text and has no toolbar. The settings panel only appears in some apps.
143
+
144
+ ## Formatting text › Undo and redo changes
145
+
146
+ <!-- chunk {"id":"ui/formatting-text/undo-and-redo-changes","section":"Formatting text","title":"Undo and redo changes","tags":["formatting","toolbar","text","links","undo","redo","history"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
147
+
148
+ Use the **Undo** and **Redo** buttons at the left end of the toolbar (curved arrows), or the keyboard:
149
+
150
+ | Action | Windows / Linux | macOS |
151
+ | ------ | --------------- | ----------- |
152
+ | Undo | `Ctrl+Z` | `⌘+Z` |
153
+ | Redo | `Ctrl+Y` | `⌘+Shift+Z` |
154
+
155
+ A button is greyed out when there is nothing to undo or redo, and both are greyed out in a read-only note. **Undo** and **Redo** also take back changes to passage links drawn with **Link block text**.
156
+
157
+ ## Formatting text › Change a paragraph into a heading, list, quote or code block
158
+
159
+ <!-- chunk {"id":"ui/formatting-text/change-a-paragraph-into-a-heading-list-quote-or-code-block","section":"Formatting text","title":"Change a paragraph into a heading, list, quote or code block","tags":["formatting","toolbar","text","links","headings","lists","quote","code block","block type"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
160
+
161
+ The block type menu is the first menu on the toolbar, right after **Undo** and **Redo**. Its button shows what kind of block the cursor is in. The label is one of:
162
+
163
+ - Bulleted List
164
+ - Check List
165
+ - Code Block
166
+ - Heading 1
167
+ - Heading 2
168
+ - Heading 3
169
+ - Heading 4
170
+ - Heading 5
171
+ - Heading 6
172
+ - Numbered List
173
+ - Normal
174
+ - Quote
175
+
176
+ To change a block, put the cursor in it (or select several blocks), open the menu and choose **Normal**, **Heading 1**, **Heading 2**, **Heading 3**, **Numbered List**, **Bullet List**, **Check List**, **Quote** or **Code Block**. Each item shows its keyboard shortcut on the right — for example `Ctrl+Alt+1` for **Heading 1** and `Ctrl+Alt+0` for **Normal** (`⌘+Opt+1` and `⌘+Opt+0` on macOS).
177
+
178
+ - Choosing **Numbered List**, **Bullet List** or **Check List** for a block that already is that kind of list turns it back into normal text.
179
+ - A bullet list is labelled **Bulleted List** on the button.
180
+ - **Heading 4**, **Heading 5** and **Heading 6** have no menu item. They come from typing `####`, `#####` or `######` and a space at the start of a line.
181
+ - If you select some text inside a paragraph and choose **Code Block**, the selected text is moved into a new code block.
182
+
183
+ The `/` menu offers the same block types: type `/` and then, for example, `heading`.
184
+
185
+ ## Formatting text › Change the font
186
+
187
+ <!-- chunk {"id":"ui/formatting-text/change-the-font","section":"Formatting text","title":"Change the font","tags":["formatting","toolbar","text","links","font","font family","typeface","khmer"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
188
+
189
+ Select the text, open the font menu on the toolbar (its button shows the current font, **Arial** by default) and choose a font. With no text selected, the font is used for what you type next. The built-in fonts are:
190
+
191
+ - Arial
192
+ - Courier New
193
+ - Georgia
194
+ - Times New Roman
195
+ - Trebuchet MS
196
+ - Verdana
197
+
198
+ The app that hosts the editor can add more fonts to this menu — for example fonts for Khmer text. Added fonts appear in the same alphabetical list as the built-in ones.
199
+
200
+ To go back to the default font, select the text and choose **Clear Formatting** from the **⋯** menu on the toolbar. This also removes the other styles from that text.
201
+
202
+ ## Formatting text › Change the text size
203
+
204
+ <!-- chunk {"id":"ui/formatting-text/change-the-text-size","section":"Formatting text","title":"Change the text size","tags":["formatting","toolbar","text","links","font size","text size","bigger","smaller"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
205
+
206
+ The font size box on the toolbar shows the size of the selected text in pixels. Normal text is 15.
207
+
208
+ - Click **+** (**Increase font size**) or **−** (**Decrease font size**) on either side of the box. The step depends on the size: **+** adds 1 below 12, 2 below 20, 4 below 36 and 12 above that.
209
+ - Or click in the box, type a number and press `Enter`. Sizes from 8 to 72 are allowed; a larger or smaller number is changed to 72 or 8.
210
+ - Keyboard: `Ctrl+Shift+.` makes text bigger and `Ctrl+Shift+,` makes it smaller (`⌘+Shift+.` and `⌘+Shift+,` on macOS).
211
+
212
+ Select text first to resize it; with nothing selected the new size is used for what you type next. **+** is greyed out at 72 and **−** at 8.
213
+
214
+ ## Formatting text › Make text bold, italic or underlined
215
+
216
+ <!-- chunk {"id":"ui/formatting-text/make-text-bold-italic-or-underlined","section":"Formatting text","title":"Make text bold, italic or underlined","tags":["formatting","toolbar","text","links","bold","italic","underline"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
217
+
218
+ Select the text and click **Bold**, **Italic** or **Underline** on the toolbar, or press:
219
+
220
+ | Style | Windows / Linux | macOS |
221
+ | --------- | --------------- | ----- |
222
+ | Bold | `Ctrl+B` | `⌘+B` |
223
+ | Italic | `Ctrl+I` | `⌘+I` |
224
+ | Underline | `Ctrl+U` | `⌘+U` |
225
+
226
+ Click the button or press the shortcut again to take the style off. A button is highlighted when the selected text already has that style. With no text selected, the style is switched on for what you type next.
227
+
228
+ The same three buttons are on the small format bar that pops up over selected text. Typing `**bold**` or `*italic*` also works.
229
+
230
+ ## Formatting text › Format text as inline code
231
+
232
+ <!-- chunk {"id":"ui/formatting-text/format-text-as-inline-code","section":"Formatting text","title":"Format text as inline code","tags":["formatting","toolbar","text","links","inline code","monospace","code"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
233
+
234
+ The **</>** button on the toolbar marks the selected text as inline code: it is shown in a monospace font inside the paragraph. Its tooltip says **Insert code block**, but it styles the selected words rather than creating a separate block. Click it again to remove the code style.
235
+
236
+ - Shortcut: `Ctrl+Shift+C` (`⌘+Shift+C` on macOS).
237
+ - Typing text between backticks, like `` `code` ``, does the same.
238
+
239
+ For a whole separate block of code, choose **Code Block** from the block type menu instead.
240
+
241
+ ## Formatting text › Change the text colour or background colour
242
+
243
+ <!-- chunk {"id":"ui/formatting-text/change-the-text-colour-or-background-colour","section":"Formatting text","title":"Change the text colour or background colour","tags":["formatting","toolbar","text","links","colour","color","text color","background color","highlight color"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
244
+
245
+ Two toolbar buttons colour the selected text:
246
+
247
+ - the palette button sets the colour of the letters;
248
+ - the paint bucket button sets the colour behind the letters.
249
+
250
+ Each one opens a colour picker:
251
+
252
+ - **Hex** — type a colour code with its `#`, such as `#4a90e2`. It is applied once all six digits are typed.
253
+ - A row of 15 ready-made colours.
254
+ - A large shaded square and a rainbow bar — click or drag in them to pick any colour.
255
+ - **Remove color** (eraser button) — takes the colour off the selected text.
256
+
257
+ The colour is applied as soon as you pick it, and the toolbar button's icon takes on the current colour. Click outside the picker to close it. The same two buttons are on the format bar that pops up over selected text.
258
+
259
+ ## Formatting text › Strikethrough, subscript, superscript, highlight and letter case
260
+
261
+ <!-- chunk {"id":"ui/formatting-text/strikethrough-subscript-superscript-highlight-and-letter-case","section":"Formatting text","title":"Strikethrough, subscript, superscript, highlight and letter case","tags":["formatting","toolbar","text","links","strikethrough","subscript","superscript","highlight","lowercase","uppercase","capitalize"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
262
+
263
+ The **⋯** button on the toolbar, after the colour buttons, opens more text styles. Select text first, then choose:
264
+
265
+ - **Lowercase**, **Uppercase** or **Capitalize** — show the text in small letters, in CAPITALS, or With Each Word Capitalised. The letters you typed are not changed, only how they are displayed. Shortcuts: `Ctrl+Shift+1`, `Ctrl+Shift+2`, `Ctrl+Shift+3`; on macOS `⌃+Shift+1`, `⌃+Shift+2`, `⌃+Shift+3` (with the Control key).
266
+ - **Strikethrough** — a line through the text. `Ctrl+Shift+X` (`⌘+Shift+X`).
267
+ - **Subscript** — small lowered text. `Ctrl+,` (`⌘+,`).
268
+ - **Superscript** — small raised text. `Ctrl+.` (`⌘+.`).
269
+ - **Highlight** — a light yellow marker behind the text. No shortcut.
270
+ - **Clear Formatting** — removes all styles from the selected text. `Ctrl+\` (`⌘+\`).
271
+ - **Link block text** — joins the selected passage to another passage with a line. Greyed out until text is selected.
272
+
273
+ Choosing a style again turns it off. A style that is already on is highlighted in the menu. **Strikethrough** and **Highlight** are also on the format bar that pops up over selected text.
274
+
275
+ ## Formatting text › Clear formatting from text
276
+
277
+ <!-- chunk {"id":"ui/formatting-text/clear-formatting-from-text","section":"Formatting text","title":"Clear formatting from text","tags":["formatting","toolbar","text","links","clear formatting","remove formatting","reset"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
278
+
279
+ Select the text and choose **Clear Formatting** from the **⋯** menu on the toolbar, or press `Ctrl+\` (`⌘+\` on macOS).
280
+
281
+ This removes bold, italic, underline, strikethrough, subscript, superscript, highlight, inline code and letter case, and the font, size and colours, from the selected text. It also resets the alignment and indentation of the paragraphs the selection touches. Links stay in place.
282
+
283
+ With nothing selected, **Clear Formatting** switches the styles off for the text you type next.
284
+
285
+ ## Formatting text › Align text and change indentation
286
+
287
+ <!-- chunk {"id":"ui/formatting-text/align-text-and-change-indentation","section":"Formatting text","title":"Align text and change indentation","tags":["formatting","toolbar","text","links","alignment","align","center","justify","indent","outdent"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
288
+
289
+ The last menu on the toolbar sets the alignment of the paragraph the cursor is in, or of every selected paragraph. Its button shows the current alignment. The alignments are:
290
+
291
+ - Center Align
292
+ - End Align
293
+ - Justify Align
294
+ - Left Align
295
+ - Right Align
296
+ - Start Align
297
+
298
+ - **Left Align**, **Center Align**, **Right Align** and **Justify Align** have shortcuts: `Ctrl+Shift+L`, `Ctrl+Shift+E`, `Ctrl+Shift+R` and `Ctrl+Shift+J` (`⌘+Shift+L`, `⌘+Shift+E`, `⌘+Shift+R`, `⌘+Shift+J` on macOS).
299
+ - **Start Align** and **End Align** follow the writing direction: start is the left side for left-to-right text and the right side for right-to-left text.
300
+
301
+ The same menu has **Outdent** and **Indent**, which move the paragraph out or in one step: `Ctrl+[` and `Ctrl+]` (`⌘+[` and `⌘+]` on macOS). Pressing `Tab` at the start of a line indents too, and `Shift+Tab` there outdents. A paragraph can be indented at most six steps.
302
+
303
+ The `/` menu also has **Align left**, **Align center**, **Align right** and **Align justify**.
304
+
305
+ ## Formatting text › The format bar that appears over selected text
306
+
307
+ <!-- chunk {"id":"ui/formatting-text/the-format-bar-that-appears-over-selected-text","section":"Formatting text","title":"The format bar that appears over selected text","tags":["formatting","toolbar","text","links","floating toolbar","selection","format bar"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
308
+
309
+ When you select text in the note, a small format bar pops up next to the selection. Its buttons, from left to right:
310
+
311
+ - **Bold**, **Italic**, **Underline**, **Strikethrough** and **Highlight** — turn that style on or off for the selection.
312
+ - The palette button (text colour) and the paint bucket button (background colour) — each opens a colour picker.
313
+ - **Link block text** — starts joining the selected passage to a second passage with a line.
314
+ - **Insert comment** — adds a comment to the selected text.
315
+
316
+ The bar follows the selection as you scroll and goes away when nothing is selected. It works with a mouse, a keyboard selection or touch. It does not appear inside code blocks, and in a read-only note it shows only **Insert comment**.
317
+
318
+ ## Formatting text › Connect two passages with Link block text
319
+
320
+ <!-- chunk {"id":"ui/formatting-text/connect-two-passages-with-link-block-text","section":"Formatting text","title":"Connect two passages with Link block text","tags":["formatting","toolbar","text","links","link block text","passage link","connect","arrow"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
321
+
322
+ **Link block text** draws a line between two passages in the note, for example to show that one verse answers another.
323
+
324
+ 1. Select the first passage.
325
+ 2. Click **Link block text** on the format bar that pops up over the selection, or choose it from the **⋯** menu on the toolbar. A **Select second range** tag follows the pointer.
326
+ 3. With the mouse, select the second passage. When you let go of the mouse button, both passages are outlined and joined by a line.
327
+
328
+ Press `Escape` before step 3 to cancel.
329
+
330
+ ### Change or remove a passage link
331
+
332
+ Links are drawn faintly; point at a linked passage to show its link clearly. Click the line itself (not the text) to open its options:
333
+
334
+ - **No direction**, **Direction to second**, **Direction from second** — a plain line, or an arrow pointing to or from the second passage.
335
+ - **Weak no direction**, **Weak direction to second**, **Weak direction from second** — the same, drawn as a dashed line.
336
+ - **Use selection as first** and **Use selection as second** — replace one end of the link with the text that is currently selected. They are greyed out when no text is selected.
337
+ - **Remove link** — deletes the line.
338
+
339
+ New links start as **No direction**. Press `Escape` or click elsewhere to close the options. **Undo** and **Redo** work for these links too. Passage links can only be added or changed while the note is editable.
340
+
341
+ ## Formatting text › Add a link to text
342
+
343
+ <!-- chunk {"id":"ui/formatting-text/add-a-link-to-text","section":"Formatting text","title":"Add a link to text","tags":["formatting","toolbar","text","links","link","hyperlink","url","insert link","ctrl+k"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
344
+
345
+ 1. Select the words you want to link.
346
+ 2. Click **Insert link** on the toolbar (the chain icon) or press `Ctrl+K` (`⌘+K` on macOS).
347
+ 3. A small link box opens below the text with `https://` already filled in. Type the rest of the web address and press `Enter`, or click the tick button.
348
+
349
+ If you press `Escape` or click the cross button instead, the text stays linked to just `https://`. Remove that link with the bin button in the link box.
350
+
351
+ Other ways to make a link:
352
+
353
+ - Select text and paste a web address: the text becomes a link to that address.
354
+ - Type `[text](https://example.com)`. When you type the closing bracket it turns into a link.
355
+ - Type or paste a web address or an email address on its own; it becomes a link automatically.
356
+
357
+ Type the address in full, starting with `https://` or `http://`. Links to `http`, `https`, `mailto`, `sms` and `tel` addresses are allowed; other kinds of address are blocked.
358
+
359
+ ## Formatting text › Edit, open or remove a link
360
+
361
+ <!-- chunk {"id":"ui/formatting-text/edit-open-or-remove-a-link","section":"Formatting text","title":"Edit, open or remove a link","tags":["formatting","toolbar","text","links","link","edit link","remove link","open link","unlink"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
362
+
363
+ Click inside a link, or move the cursor into it, and a link box appears below it showing the address:
364
+
365
+ - Click the address to open it in a new tab or window.
366
+ - Click the pencil button to change the address. Type the new one and press `Enter` or click the tick; `Escape` or the cross button cancels the change.
367
+ - Click the bin button to remove the link. The text stays.
368
+
369
+ You can also remove a link by putting the cursor in it and clicking **Insert link** on the toolbar (the button is highlighted while the cursor is in a link), or by pressing `Ctrl+K` (`⌘+K` on macOS).
370
+
371
+ To open a link straight from the text while editing, hold `Ctrl` (`⌘` on macOS) and click it. In a read-only note a plain click opens the link in a new tab or window. Press `Escape` to close the link box.
372
+
373
+ ## Formatting text › Web addresses and email addresses become links automatically
374
+
375
+ <!-- chunk {"id":"ui/formatting-text/web-addresses-and-email-addresses-become-links-automatically","section":"Formatting text","title":"Web addresses and email addresses become links automatically","tags":["formatting","toolbar","text","links","autolink","automatic link","url","email"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
376
+
377
+ When you type or paste a web address that starts with `http://`, `https://` or `www.`, the editor turns it into a link by itself. An address starting with `www.` links to the `https://` version of it. An email address such as `name@example.com` becomes a `mailto:` link, which opens your email program.
378
+
379
+ Click an automatic link to see its address in the link box below it, where you can open it. Changing the address with the pencil button turns it into an ordinary link.
380
+
381
+ When you paste just a web address, a small menu may also offer to embed it: **Embed Youtube Video** for YouTube links, **Embed Website** for other web pages. Choose **Dismiss** to keep it as a plain link.
382
+
383
+ ## Formatting text › Show spaces and paragraph marks
384
+
385
+ <!-- chunk {"id":"ui/formatting-text/show-spaces-and-paragraph-marks","section":"Formatting text","title":"Show spaces and paragraph marks","tags":["formatting","toolbar","text","links","invisible characters","whitespace","pilcrow","spaces"],"source":"knowledge/ui/02-formatting-text.md","package":"bible-note@0.5.0"} -->
386
+
387
+ The **¶** button on the toolbar (**Show invisible characters**) shows marks for characters you normally cannot see:
388
+
389
+ - `·` for each space;
390
+ - `→` for a tab;
391
+ - `¶` at the end of each paragraph;
392
+ - `↵` for a line break made with `Shift+Enter`.
393
+
394
+ Click the button again to hide them. The marks are only drawn on screen; they are not added to the text. In apps that show the settings panel, its **Show invisible characters** switch does the same.
395
+
396
+ ## The slash menu › Open the slash menu and insert a block
397
+
398
+ <!-- chunk {"id":"ui/slash-menu/open-the-slash-menu-and-insert-a-block","section":"The slash menu","title":"Open the slash menu and insert a block","tags":["slash menu","slash command","component picker","insert","slash","/","quick insert","typeahead"],"source":"knowledge/ui/03-slash-menu.md","package":"bible-note@0.5.0"} -->
399
+
400
+ Type `/` at the start of a line, after a space, or right after an opening bracket `(`. A menu opens at the cursor listing everything you can insert: headings, lists, tables, media, drawings, dates and more.
401
+
402
+ - Keep typing after the `/` to narrow the list — for example `/table` or `/head`.
403
+ - Press `↓` and `↑` to move through the list (it wraps around from the bottom to the top), then `Enter` or `Tab` to choose the highlighted item. The first item is highlighted when the menu opens.
404
+ - Or click an item with the mouse.
405
+ - Press `Escape` to close the menu without choosing anything. The text you typed stays in the note.
406
+
407
+ When you choose an item, the `/` and the text you typed after it are removed. Some items change the current block (**Paragraph**, **Heading 1**, **Quote**, **Code**, the list types, the alignments); others insert something new. **Table**, **Poll**, **Equation**, **Media** and **Columns Layout** first open a dialog for the details.
408
+
409
+ Typing `/` in the middle of a word, such as `and/or`, does not open the menu.
410
+
411
+ ## The slash menu › Everything the slash menu offers
412
+
413
+ <!-- chunk {"id":"ui/slash-menu/everything-the-slash-menu-offers","section":"The slash menu","title":"Everything the slash menu offers","tags":["slash menu","slash command","component picker","insert","slash menu items","list of blocks"],"source":"knowledge/ui/03-slash-menu.md","package":"bible-note@0.5.0"} -->
414
+
415
+ The `/` menu lists these items, in this order. The right column shows extra words that also find the item when typed after `/`:
416
+
417
+ | Menu item | Also found by typing |
418
+ | --- | --- |
419
+ | **Paragraph** | normal, paragraph, p, text |
420
+ | **Heading 1** | heading, header, h1 |
421
+ | **Heading 2** | heading, header, h2 |
422
+ | **Heading 3** | heading, header, h3 |
423
+ | **Table** | table, grid, spreadsheet, rows, columns |
424
+ | **Numbered List** | numbered list, ordered list, ol |
425
+ | **Bulleted List** | bulleted list, unordered list, ul |
426
+ | **Check List** | check list, todo list |
427
+ | **Quote** | block quote |
428
+ | **Code** | javascript, python, js, codeblock |
429
+ | **Divider** | horizontal rule, divider, hr |
430
+ | **Page Break** | page break, divider |
431
+ | **Excalidraw** | excalidraw, diagram, drawing |
432
+ | **Poll** | poll, vote |
433
+ | **Embed Youtube Video** | youtube, video, embed |
434
+ | **Embed Website** | website, embed, iframe, page, url |
435
+ | **Date** | date, calendar, time |
436
+ | **Today** | date, calendar, time, today |
437
+ | **Tomorrow** | date, calendar, time, tomorrow |
438
+ | **Yesterday** | date, calendar, time, yesterday |
439
+ | **Equation** | equation, latex, math |
440
+ | **Media** — Insert image, video, pdf or audio | image, photo, picture, file, video, pdf, audio |
441
+ | **Collapsible** | collapse, collapsible, toggle |
442
+ | **Columns Layout** | columns, layout, grid |
443
+ | **Align left** | align, justify, left |
444
+ | **Align center** | align, justify, center |
445
+ | **Align right** | align, justify, right |
446
+ | **Align justify** | align, justify |
447
+
448
+ **Date** and **Today** both insert today's date. Typing a number after `/`, such as `/3x4`, also offers tables of that size.
449
+
450
+ ## The slash menu › How the slash menu matches what you type
451
+
452
+ <!-- chunk {"id":"ui/slash-menu/how-the-slash-menu-matches-what-you-type","section":"The slash menu","title":"How the slash menu matches what you type","tags":["slash menu","slash command","component picker","insert","slash search","filter","keywords"],"source":"knowledge/ui/03-slash-menu.md","package":"bible-note@0.5.0"} -->
453
+
454
+ The text you type after `/` is compared with each item's name and with its extra search words. Capital letters do not matter, and the text can appear anywhere in the name or word, not only at the start. For example:
455
+
456
+ - `/list` finds **Numbered List**, **Bulleted List** and **Check List**.
457
+ - `/time` finds **Date**, **Today**, **Tomorrow** and **Yesterday**.
458
+ - `/divider` finds **Divider** and **Page Break**.
459
+ - `/photo` finds **Media**.
460
+ - `/embed` finds **Embed Youtube Video** and **Embed Website**.
461
+
462
+ You can type spaces, as in `/numbered list`. Punctuation such as `.`, `,`, `-`, `:` or `(` closes the menu, and so does typing more than 75 characters after the `/`.
463
+
464
+ If nothing matches, the menu closes; delete some of the typed letters to bring it back.
465
+
466
+ ## The slash menu › Insert a table of a chosen size from the slash menu
467
+
468
+ <!-- chunk {"id":"ui/slash-menu/insert-a-table-of-a-chosen-size-from-the-slash-menu","section":"The slash menu","title":"Insert a table of a chosen size from the slash menu","tags":["slash menu","slash command","component picker","insert","table size","rows","columns","slash table"],"source":"knowledge/ui/03-slash-menu.md","package":"bible-note@0.5.0"} -->
469
+
470
+ Right after the `/`, type the number of rows, the letter `x` and the number of columns:
471
+
472
+ - `/3x4` offers **3x4 Table** — 3 rows and 4 columns.
473
+ - `/3` or `/3x` offers **3x1 Table** through **3x10 Table**, so you only have to pick the number of columns.
474
+
475
+ Each number can be from 1 to 99. The table sizes appear at the top of the list, above any other items that match what you typed (for example `/3` also finds **Heading 3**). Press `Enter` or click to insert the table at the cursor.
476
+
477
+ Choosing the plain **Table** item instead opens the **Insert Table** dialog, where you type the number of rows (1–500) and columns (1–50) and click **Confirm**.
478
+
479
+ ## The slash menu › Add a block with the + button beside a paragraph
480
+
481
+ <!-- chunk {"id":"ui/slash-menu/add-a-block-with-the-button-beside-a-paragraph","section":"The slash menu","title":"Add a block with the + button beside a paragraph","tags":["slash menu","slash command","component picker","insert","plus button","add block","block picker","drag handle"],"source":"knowledge/ui/03-slash-menu.md","package":"bible-note@0.5.0"} -->
482
+
483
+ With a mouse or trackpad, point at any paragraph or block in the note. A **+** button (tooltip **Click to add below**) and a drag handle appear in the margin to its left.
484
+
485
+ Click **+** to open a block menu with a **Filter blocks...** box. It lists the same items as the `/` menu, including table sizes such as `3x4`. Type to filter, then click an item or press `↓`/`↑` and `Enter`. The new block is added below the paragraph you pointed at.
486
+
487
+ - Hold `Alt` (`Option` on macOS) or `Ctrl` while clicking **+** to add the block above instead.
488
+ - Press `Escape` or click outside the menu to close it.
489
+
490
+ The **+** button and drag handle are not shown on touch-only devices such as phones and tablets; use the `/` menu there.
491
+
492
+ ## Mentions of people and places › Mention a person with @
493
+
494
+ <!-- chunk {"id":"ui/mentions/mention-a-person-with","section":"Mentions of people and places","title":"Mention a person with @","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
495
+
496
+ A person mention links a name in your note to its record in the name dataset the app loads, so you can later hover it for a preview or open its full details.
497
+
498
+ 1. Put the cursor where the name should go. The `@` must start a line or come right after a space or an opening parenthesis `(`. An `@` typed straight after a letter, as in an email address, does not open suggestions.
499
+ 2. Type `@` and then the first letters of the name, for example `@Mos`. At least one letter is needed after the `@`.
500
+ 3. After a short pause (about half a second) a suggestion list opens under the cursor with up to 20 matching names. The first suggestion is already highlighted.
501
+ 4. Press `Enter` or `Tab` to insert the highlighted name, use `↑` and `↓` to move through the list, or click a suggestion.
502
+
503
+ The `@` and the letters you typed are replaced by the mention, and the cursor sits right after it so you can keep writing. The `@` itself is not kept in the note.
504
+
505
+ Each suggestion shows an icon for the kind of name (a person, a group, a place, a deity and so on), the name itself, and, underneath in parentheses, the record's short title line when it has one. In a translated dataset the English KJV name follows the name in parentheses.
506
+
507
+ Names may contain spaces, so you can keep typing (`@Mary Mag`) to narrow the list. Press `Esc` to close the list and keep what you typed as ordinary text.
508
+
509
+ You can also start a person mention from the toolbar: **Insert** › **Mention Name** types the `@` for you, then type the first letters.
510
+
511
+ ## Mentions of people and places › Mention a place with
512
+
513
+ <!-- chunk {"id":"ui/mentions/mention-a-place-with","section":"Mentions of people and places","title":"Mention a place with","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
514
+
515
+ A place mention links a place name in your note to its record in the location dataset the app loads.
516
+
517
+ 1. Put the cursor where the place should go. The `#` must start a line or come right after a space or an opening parenthesis `(`.
518
+ 2. Type `#` and then the first letters of the place, for example `#Jer`. At least one letter is needed after the `#`.
519
+ 3. After about half a second a suggestion list opens with up to 20 matching places, each with a pin icon, the place name and its short title line underneath. In a translated dataset the English KJV name follows in parentheses.
520
+ 4. Press `Enter` or `Tab` to insert the highlighted place, move with `↑` and `↓`, or click a suggestion. `Esc` closes the list and leaves your text as it is.
521
+
522
+ The `#` and the typed letters are replaced by the place mention; the `#` is not kept. A place mention shows a small pin icon at its start, which tells it apart from a person mention.
523
+
524
+ You can also use the toolbar: **Insert** › **Pin Location** types the `#` for you, then type the first letters of the place.
525
+
526
+ ## Mentions of people and places › How the mention suggestion list finds and orders matches
527
+
528
+ <!-- chunk {"id":"ui/mentions/how-the-mention-suggestion-list-finds-and-orders-matches","section":"Mentions of people and places","title":"How the mention suggestion list finds and orders matches","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
529
+
530
+ The suggestion list that opens after `@` (people) or `#` (places) searches the dataset the app has loaded.
531
+
532
+ - A record matches when your letters appear anywhere in its name, ignoring capital letters. The search also looks at the record's other name (shown as **Also called** in its details) and, in a translated dataset, at its English KJV name, so you can type either language.
533
+ - Exact matches come first, then names that start with your letters, then names that only contain them. Inside each group, records the dataset ranks as more important come first, then alphabetical order.
534
+ - At most 20 suggestions are shown. Type more letters to narrow the list.
535
+ - Several records can share one name (different people called the same). The title line under each suggestion helps tell them apart.
536
+ - `↑` and `↓` wrap around from the last suggestion to the first. Moving the mouse over a suggestion highlights it.
537
+
538
+ If nothing matches, no list appears and the letters stay as ordinary text. Try fewer letters, another spelling, the English name, or browse with the lookup panel (the footer button **Show Lookup (name or location)**).
539
+
540
+ ## Mentions of people and places › What the icons on person mentions mean
541
+
542
+ <!-- chunk {"id":"ui/mentions/what-the-icons-on-person-mentions-mean","section":"Mentions of people and places","title":"What the icons on person mentions mean","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
543
+
544
+ Every name record has a kind, and the editor shows a matching icon in the `@` suggestion list, at the start of the mention in your note, in its hover card, its detail panel and the lookup panel:
545
+
546
+ - **Person**: a single person silhouette.
547
+ - **Group** (a people or tribe): several people.
548
+ - **Place**: a map marker.
549
+ - **Concept**: a light bulb.
550
+ - **Deity**: a sun.
551
+ - **Month**: a calendar.
552
+ - **Supernatural**: sparkling stars.
553
+ - **Life**: a heart.
554
+ - **Unknown**: a question mark in a circle.
555
+
556
+ A record with no kind, or a kind the editor does not know, uses the person icon. Place mentions made with `#` always show a pin icon, and Bible verse mentions show a book icon.
557
+
558
+ ## Mentions of people and places › What a mention looks like and how to change or delete it
559
+
560
+ <!-- chunk {"id":"ui/mentions/what-a-mention-looks-like-and-how-to-change-or-delete-it","section":"Mentions of people and places","title":"What a mention looks like and how to change or delete it","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
561
+
562
+ An inserted person or place mention shows the name on a tinted background with a small icon at its start. It stays on one line and the `@` or `#` you typed is not shown.
563
+
564
+ - Clicking the text of a mention just places the cursor. Clicking the small icon at its start opens the mention's detail panel.
565
+ - Typing right before or right after a mention adds ordinary text next to it.
566
+ - To delete a mention, put the cursor right after it and press `Backspace`. A mention of several words is removed one word at a time; a one-word mention disappears with one press.
567
+ - Typing in the middle of a mention turns it back into ordinary text, and it is no longer linked to the record.
568
+ - To point a mention at a different person or place, delete it and insert a new one with `@` or `#`.
569
+
570
+ ## Mentions of people and places › Preview a person or place by hovering over a mention
571
+
572
+ <!-- chunk {"id":"ui/mentions/preview-a-person-or-place-by-hovering-over-a-mention","section":"Mentions of people and places","title":"Preview a person or place by hovering over a mention","tags":["mentions","names","locations","people","places","hover card","preview"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
573
+
574
+ Rest the mouse pointer on a person or place mention in your note for 2 seconds and a hover card opens below the mention (or above it when there is no room below).
575
+
576
+ The hover card shows:
577
+
578
+ - the kind icon, the name and, in a translated dataset, the English KJV name in parentheses;
579
+ - a copy button (tooltip **Copy name**) that copies just the name;
580
+ - the record's title line and description;
581
+ - short facts such as kind, gender and age for a person, or kind for a place (values recorded as unknown are left out);
582
+ - a **Details** section you can click to expand, with the same rows as the detail panel.
583
+
584
+ You can move the pointer onto the hover card to read it or click its links; it stays open while the pointer is over it and closes a moment after the pointer leaves both the card and the mention. Moving away before the 2 seconds are up shows no card.
585
+
586
+ Click a blank part of the hover card (not a link, button or the **Details** section) to open the full detail panel, which stays open until you close it.
587
+
588
+ The hover card needs a mouse. On a touch screen, tap the icon at the start of the mention to open the detail panel instead. If the mention's record is not in the dataset the app has loaded, the card shows little more than the name.
589
+
590
+ ## Mentions of people and places › Open the detail panel for a person or place
591
+
592
+ <!-- chunk {"id":"ui/mentions/open-the-detail-panel-for-a-person-or-place","section":"Mentions of people and places","title":"Open the detail panel for a person or place","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
593
+
594
+ The detail panel is a floating window with everything the dataset knows about a person or place. Open it in any of these ways:
595
+
596
+ - Click the small icon at the start of a person or place mention in your note. The panel opens immediately.
597
+ - Click a blank area of the mention's hover card.
598
+ - Click a person or place link inside another hover card or panel, such as a family member, a location, or a name in a description.
599
+ - Click a result in the lookup panel.
600
+
601
+ The panel opens next to what you clicked and is kept inside the editor area. It stays open while you keep writing or click elsewhere in the note, until you click its **Close** button.
602
+
603
+ Several panels can be open at once, for example a person, their father and the place they lived. Opening a record that already has a panel brings that panel to the front, where you left it, instead of opening a second copy. Click any panel to bring it in front of the others.
604
+
605
+ ## Mentions of people and places › What the person detail panel shows
606
+
607
+ <!-- chunk {"id":"ui/mentions/what-the-person-detail-panel-shows","section":"Mentions of people and places","title":"What the person detail panel shows","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
608
+
609
+ The person detail panel's header shows the kind icon and the name. Below it come the record's title line, its description and short facts (kind, gender, age).
610
+
611
+ Click **Details** to expand the full record. Only rows the dataset has data for are shown:
612
+
613
+ - **Title**
614
+ - **KJV name**: the English KJV name, shown only in a translated dataset
615
+ - **Also called**: another name for the same person
616
+ - **Type**, **Gender**, **Age**
617
+ - **Years**: date ranges, when recorded
618
+ - **Locations**: places linked to the person; click one to open that place's panel
619
+ - **Parents**, **Spouses**, **Children**, **Siblings**, **Cousins**: click a name to open that person's panel
620
+ - **Verses**: the verses where the name appears; click one to open the verse, if the app supplies verse text
621
+ - **Links**: outside pages such as **Wikipedia**, which open in a new browser tab or window
622
+
623
+ The same **Details** section appears in the person's hover card.
624
+
625
+ ## Mentions of people and places › What the place detail panel shows
626
+
627
+ <!-- chunk {"id":"ui/mentions/what-the-place-detail-panel-shows","section":"Mentions of people and places","title":"What the place detail panel shows","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
628
+
629
+ The place detail panel's header shows a pin icon and the place name. Below it come the place's title line, its description and its kind.
630
+
631
+ Click **Details** to expand the full record. Only rows the dataset has data for are shown:
632
+
633
+ - **Title**
634
+ - **KJV name**: the English KJV name, shown only in a translated dataset
635
+ - **Also called**: another name for the same place
636
+ - **Type**
637
+ - **Modern identification**: the modern site or name, when known
638
+ - **Related locations**: click one to open that place's panel
639
+ - **Verses**: the verses where the place appears; click one to open the verse, if the app supplies verse text
640
+ - **Links**: outside pages such as **Wikipedia**, opening in a new browser tab or window
641
+
642
+ **Related locations**, **Verses** and **Links** each show a count and fold up when you click their heading. **Related locations** and **Links** start open; **Verses** starts closed.
643
+
644
+ When the record has coordinates, a map from Google Maps appears at the end of **Details** with the note "Approximate location — the marker is an estimated point and may not be exact." and an **Open in Google Maps** link.
645
+
646
+ ## Mentions of people and places › Move, resize, copy and close a detail panel
647
+
648
+ <!-- chunk {"id":"ui/mentions/move-resize-copy-and-close-a-detail-panel","section":"Mentions of people and places","title":"Move, resize, copy and close a detail panel","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
649
+
650
+ Person, place and Bible verse detail panels all work the same way.
651
+
652
+ - **Move**: drag the panel by its header, the top strip outside the name and the buttons. The panel stays inside the editor area.
653
+ - **Resize**: drag the panel's bottom-right corner.
654
+ - **Copy the name**: the name in the header is ordinary text you can select and copy.
655
+ - **Copy everything**: the **Copy** button (copy icon) copies the whole record — name, title line, description, short facts, then labelled lines such as **KJV name**, **Also called**, **Years**, **Locations**, the family rows, **Verses** and **Links** for a person, or **Modern identification**, **Related locations**, **Verses**, **Links** and **Coordinates** for a place. Pasted into Word or another rich-text editor it keeps paragraphs and bold labels; elsewhere it pastes as plain text. Verses are copied as readable references when the app supplies them, otherwise as short codes like `GEN 1:1`. The button briefly turns into a check mark with the tooltip **Copied!**.
656
+ - **Close**: the **Close** button (an X) closes that panel. Clicking elsewhere or pressing `Esc` does not close it.
657
+
658
+ ## Mentions of people and places › Follow links to other people, places and verses
659
+
660
+ <!-- chunk {"id":"ui/mentions/follow-links-to-other-people-places-and-verses","section":"Mentions of people and places","title":"Follow links to other people, places and verses","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
661
+
662
+ Hover cards and detail panels let you move from one record to the next without leaving your note.
663
+
664
+ - Titles and descriptions can contain underlined links. A person's name opens that person's panel, a place opens that place's panel, and a verse reference opens a Bible verse panel with its text, if the app supplies verse text. References to a whole book or chapter are shown as plain text, not links.
665
+ - In **Details**, the **Locations**, **Related locations**, **Parents**, **Spouses**, **Children**, **Siblings** and **Cousins** entries are links too. A name the dataset cannot resolve is shown as plain text.
666
+ - **Verses** entries open the verse in its own panel when the app supports it.
667
+
668
+ Each link opens its own panel, so you can follow a family line or a journey across several panels. Drag them apart to compare. Following a link never changes your note.
669
+
670
+ ## Mentions of people and places › Names in other languages and the English KJV name
671
+
672
+ <!-- chunk {"id":"ui/mentions/names-in-other-languages-and-the-english-kjv-name","section":"Mentions of people and places","title":"Names in other languages and the English KJV name","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
673
+
674
+ Which people and places you can mention depends on the datasets the app hosting the editor loads. The editor has no list of its own. An app can load, for example, the English KJV dataset, a Khmer (BFBS) or a French (Louis Segond) one, and it can use a different dataset for names than for places. If the app loads none, `@` and `#` show no suggestions.
675
+
676
+ In a translated dataset each record carries its name in that language plus its English KJV name:
677
+
678
+ - The suggestion list, the hover card and the lookup panel show the translated name followed by the English name in parentheses.
679
+ - The detail panel shows the English name in the **KJV name** row of **Details**.
680
+ - You can search in either language: typing the English name finds the translated record too.
681
+ - The mention inserted into your note uses the dataset's own name, in that language.
682
+
683
+ When a translated name is the same as the English one, no English name is added. The app may also set a font for a dataset's language; the editor then uses it in the suggestion list, hover cards, detail panels and the lookup panel.
684
+
685
+ ## Mentions of people and places › Why the person or place you want does not appear
686
+
687
+ <!-- chunk {"id":"ui/mentions/why-the-person-or-place-you-want-does-not-appear","section":"Mentions of people and places","title":"Why the person or place you want does not appear","tags":["mentions","names","locations","people","places"],"source":"knowledge/ui/04-mentions.md","package":"bible-note@0.5.0"} -->
688
+
689
+ If typing `@` or `#` shows no suggestion for the person or place you expect, check the following:
690
+
691
+ - The `@` or `#` must start a line or come right after a space or `(`. Typed straight after a letter it is just a character.
692
+ - At least one letter must follow the `@` or `#`, and the list takes about half a second to appear.
693
+ - The suggestion list only searches the dataset the app has loaded. A name missing from that dataset cannot be mentioned.
694
+ - Records use the spelling of the Bible translation behind the dataset. Try another spelling, fewer letters, the other name the person or place is known by, or, in a translated dataset, the English KJV name.
695
+ - In read-only mode you cannot type, so you cannot insert mentions; hovering and opening detail panels still work.
696
+
697
+ To browse instead of guessing, open the lookup panel with the footer button **Show Lookup (name or location)** and search or page through every name and location the app has loaded.
698
+
699
+ ## Bible verse mentions › Insert a Bible verse mention with ^ and paste
700
+
701
+ <!-- chunk {"id":"ui/bible-verses/insert-a-bible-verse-mention-with-and-paste","section":"Bible verse mentions","title":"Insert a Bible verse mention with ^ and paste","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
702
+
703
+ A Bible verse mention is a compact reference in your note, such as **Genesis 1:1**, that carries the full verse text. You read the text by hovering the mention or opening its panel.
704
+
705
+ 1. Copy the passage from your Bible app or website. The first line must be the version in parentheses and the reference, for example `(KJV) Genesis 1:1`, and the verse text must follow on the next line.
706
+ 2. In your note, type `^` where the reference should go, or choose **Insert** › **Bible Verse** in the toolbar, which types the `^` for you.
707
+ 3. With the cursor right after the `^` (no space in between, nothing selected), paste with `Ctrl+V` (`Cmd+V` on a Mac).
708
+
709
+ The `^` disappears and a verse mention appears in its place, followed by a space. The mention shows the reference without the version label (**Genesis 1:1**); the full first line `(KJV) Genesis 1:1` and the verse text are kept inside the mention.
710
+
711
+ If the clipboard text is not in that Bible format, it pastes as ordinary text and the `^` stays. If recognised Bible text is pasted without a `^` right before the cursor, it becomes a collapsible passage block instead of a mention.
712
+
713
+ If the app hosting the editor can send Bible text into your note, that text is handled exactly like a paste.
714
+
715
+ ## Bible verse mentions › Which pasted Bible text the editor recognises
716
+
717
+ <!-- chunk {"id":"ui/bible-verses/which-pasted-bible-text-the-editor-recognises","section":"Bible verse mentions","title":"Which pasted Bible text the editor recognises","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
718
+
719
+ When you paste, the editor checks whether the clipboard holds Bible text in this shape:
720
+
721
+ - **First line**: a label in parentheses at the very start of the line, usually the version, then a space, then the reference. For example `(KJV) Genesis 1:1` or `(KJV) John 3:16-17`.
722
+ - **Then**: a line break and the verse text, on one or more lines.
723
+
724
+ ```
725
+ (KJV) John 3:16-17
726
+ (16): For God so loved the world… (17): For God sent not his Son…
727
+ ```
728
+
729
+ Verse numbers written as `(16):` in front of each verse are shown as small green raised numbers in the verse's hover card and panel. Verse numbers in Khmer digits work too.
730
+
731
+ Text that is only one line, or whose first line does not start with a label in parentheses followed by a space, is pasted as ordinary text.
732
+
733
+ What the editor does with recognised text depends on what is right before the cursor:
734
+
735
+ - a `^` straight before the cursor: the `^` is replaced by a Bible verse mention;
736
+ - anything else: the text becomes a collapsible passage block.
737
+
738
+ If the app recognises the passage's language and has a font for it (for example Khmer), the mention or block uses that font.
739
+
740
+ ## Bible verse mentions › Paste a Bible passage as a collapsible block
741
+
742
+ <!-- chunk {"id":"ui/bible-verses/paste-a-bible-passage-as-a-collapsible-block","section":"Bible verse mentions","title":"Paste a Bible passage as a collapsible block","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
743
+
744
+ Paste recognised Bible text (a first line such as `(KJV) Psalm 23:1-2` followed by the verse text) anywhere in your note without a `^` right before the cursor, and the editor turns it into a collapsible block:
745
+
746
+ - the block's bold title is the first line, for example `(KJV) Psalm 23:1-2`;
747
+ - the block's body holds the verse text, one paragraph for each line you pasted;
748
+ - the block starts expanded, and the cursor moves to a new empty line below it.
749
+
750
+ Click the title's triangle to collapse the passage to one line, and click again to expand it. Unlike a verse mention, the passage is ordinary text you can edit, format or delete like the rest of your note.
751
+
752
+ To get a compact verse mention instead of a block, type `^` first and paste right after it.
753
+
754
+ ## Bible verse mentions › Insert a Bible verse from the toolbar Insert menu
755
+
756
+ <!-- chunk {"id":"ui/bible-verses/insert-a-bible-verse-from-the-toolbar-insert-menu","section":"Bible verse mentions","title":"Insert a Bible verse from the toolbar Insert menu","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
757
+
758
+ The toolbar's **Insert** menu has three mention items:
759
+
760
+ - **Mention Name** types `@` at the cursor, to start a person mention;
761
+ - **Pin Location** types `#`, to start a place mention;
762
+ - **Bible Verse** types `^`, to start a Bible verse mention.
763
+
764
+ **Bible Verse** does not look verses up by itself. After choosing it, paste Bible text whose first line is the version in parentheses and the reference (for example `(KJV) Genesis 1:1`) with the verse text on the next line. The `^` is then replaced by the verse mention. Pasting anything else leaves the `^` in your note as an ordinary character.
765
+
766
+ The **Insert** menu is unavailable while the note is read-only.
767
+
768
+ ## Bible verse mentions › What a Bible verse mention shows
769
+
770
+ <!-- chunk {"id":"ui/bible-verses/what-a-bible-verse-mention-shows","section":"Bible verse mentions","title":"What a Bible verse mention shows","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
771
+
772
+ In your note a Bible verse mention shows the reference, such as **Genesis 1:1**, on a tinted background with a small book icon at its start. The version label from the pasted text, such as `(KJV)`, is not shown in the note.
773
+
774
+ The mention does not expand inside the note. To read the verse:
775
+
776
+ - rest the mouse pointer on the mention for 2 seconds: a hover card shows the full first line with the version, for example `(KJV) Genesis 1:1`, and the verse text with its verse numbers; click the hover card to open the verse panel;
777
+ - or click the book icon at the start of the mention to open the verse panel straight away.
778
+
779
+ To have the verse text itself in your note, paste the passage without a `^`; it then becomes a collapsible block you can expand and collapse.
780
+
781
+ To remove a verse mention, put the cursor right after it and press `Backspace`; it is removed one word at a time. Typing in the middle of a verse mention turns it into ordinary text and drops the verse text it carried. To change a verse, delete the mention and paste again after a new `^`.
782
+
783
+ ## Bible verse mentions › Read a verse in the Bible verse panel
784
+
785
+ <!-- chunk {"id":"ui/bible-verses/read-a-verse-in-the-bible-verse-panel","section":"Bible verse mentions","title":"Read a verse in the Bible verse panel","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
786
+
787
+ The Bible verse panel is a floating window showing one verse mention's text. Open it by:
788
+
789
+ - clicking the book icon at the start of a Bible verse mention;
790
+ - clicking the mention's hover card;
791
+ - clicking a verse in the **Verses** list of a person or place panel, or a verse link in a description, when the app supplies verse text.
792
+
793
+ The panel shows a book icon and the full reference with its version, for example `(KJV) Genesis 1:1`, then the verse text with small green verse numbers.
794
+
795
+ When the app supports it, a **More Information** section appears below the text. Click it to list the **Names** and **Locations** that the loaded datasets record in those verses; each is a link that opens that person's or place's panel.
796
+
797
+ Panel controls:
798
+
799
+ - **Copy** (copy icon): copies the reference and the verse text. In Word the reference is pasted in bold. The button shows a check mark and **Copied!** for a moment.
800
+ - **Close** (an X): closes the panel. Clicking elsewhere or `Esc` does not.
801
+ - Drag the header to move the panel, and drag its bottom-right corner to resize it.
802
+
803
+ Several verse panels can be open at once; opening one that is already open brings it to the front.
804
+
805
+ ## Bible verse mentions › Switch a Bible verse to another version
806
+
807
+ <!-- chunk {"id":"ui/bible-verses/switch-a-bible-verse-to-another-version","section":"Bible verse mentions","title":"Switch a Bible verse to another version","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
808
+
809
+ Some apps that host the editor let you read a verse mention in another Bible version.
810
+
811
+ When the app supports it, the version label in the Bible verse panel's header, for example `KJV` in `(KJV) Genesis 1:1`, is underlined and shows the tooltip **Change Bible version**. Click it; how you choose the other version is up to the app.
812
+
813
+ When the app returns the verse in another version, a second panel opens slightly offset from the first, showing that version's reference and text. If a panel for that version is already open, it is updated and brought to the front instead.
814
+
815
+ Switching versions never changes your note: the verse mention keeps the version you pasted, and the original panel stays open. If the app returns nothing, for example because you cancelled, nothing happens.
816
+
817
+ When the app does not offer this, the version label is plain text and cannot be clicked.
818
+
819
+ ## Bible verse mentions › Open the verses listed for a person or place
820
+
821
+ <!-- chunk {"id":"ui/bible-verses/open-the-verses-listed-for-a-person-or-place","section":"Bible verse mentions","title":"Open the verses listed for a person or place","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
822
+
823
+ Person and place records list the verses where their name appears. To see them:
824
+
825
+ - In a person's hover card or detail panel, click **Details**; the **Verses** row lists the verses.
826
+ - In a place's hover card or detail panel, click **Details**, then click the **Verses** heading, which shows how many verses there are.
827
+
828
+ Each verse is a link. If the app supplies verse references, the links read like `Genesis 1:1`, possibly styled by the app; otherwise they show short codes such as `GEN 1:1` (a three-character book code, then chapter and verse).
829
+
830
+ Click a verse to open it in a Bible verse panel with its text. This needs the app to supply verse text; without it, clicking a verse does nothing.
831
+
832
+ Verse links inside a record's description work the same way.
833
+
834
+ ## Bible verse mentions › Does typing a reference like John 3:16 create a link?
835
+
836
+ <!-- chunk {"id":"ui/bible-verses/does-typing-a-reference-like-john-316-create-a-link","section":"Bible verse mentions","title":"Does typing a reference like John 3:16 create a link?","tags":["bible","verses","mentions","paste"],"source":"knowledge/ui/05-bible-verses.md","package":"bible-note@0.5.0"} -->
837
+
838
+ No. A reference you type into your note, such as `John 3:16`, stays ordinary text: it is not turned into a verse mention or a link and has no hover card. To get a reference you can hover and open, paste the verse text right after a `^`.
839
+
840
+ Some apps that host the editor read the Bible references in a note, both verse mentions and references typed as text, for example to list or look up the verses a note covers. When an app does this, these forms are recognised:
841
+
842
+ - English book names, in full or as common abbreviations, with or without a period: `Genesis 1:1`, `Gen 1:1`, `Gen. 1:1`, `Matt 5:3`, `Rev 22:21`. Capital letters do not matter.
843
+ - Numbered books written `1 John 4:8`, `I John 4:8`, `1st John 4:8` or `First John 4:8`.
844
+ - Ranges inside a chapter, `John 3:16-18`, count every verse; a range across chapters, `Genesis 1:31-2:3`, counts only its two ends.
845
+ - Lists such as `Genesis 1:1-3, 5; 2:4`, with any kind of dash in ranges, and Khmer digits as numbers.
846
+
847
+ Not recognised: a chapter on its own (`Genesis 1`), a reference broken across two lines, and chapter numbers above 150 or verse numbers above 176.
848
+
849
+ ## Lookup panel › Open and close the lookup panel
850
+
851
+ <!-- chunk {"id":"ui/lookup-panel/open-and-close-the-lookup-panel","section":"Lookup panel","title":"Open and close the lookup panel","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
852
+
853
+ The lookup panel lets you search and browse every name and location the app has loaded, without inserting anything into your note.
854
+
855
+ - **Open**: click the footer button with a person icon and a pin icon (tooltip **Show Lookup (name or location)**). The panel opens along the right side of the window under the heading **Lookup (name or location)**, and the footer button stays highlighted while it is open.
856
+ - **Close**: click the X at the top right of the panel (tooltip **Close lookup**), or click the footer button again (its tooltip is then **Hide Lookup**).
857
+
858
+ The lookup panel and the comments panel use the same spot on the right. If the comments panel was opened later and covers the lookup panel, the first click on the lookup footer button brings the lookup panel back to the front; the next click closes it.
859
+
860
+ The lookup panel is not shown in very narrow windows (600 pixels wide or less).
861
+
862
+ ## Lookup panel › Search for a name or location in the lookup panel
863
+
864
+ <!-- chunk {"id":"ui/lookup-panel/search-for-a-name-or-location-in-the-lookup-panel","section":"Lookup panel","title":"Search for a name or location in the lookup panel","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
865
+
866
+ 1. Open the lookup panel with the footer button **Show Lookup (name or location)**.
867
+ 2. Pick the **Names** tab for people (and other name records) or the **Locations** tab for places.
868
+ 3. Type in the search box. Its placeholder reads **Search names…** on the **Names** tab and **Search locations…** on the **Locations** tab.
869
+
870
+ Results update as you type. A record matches when your text appears anywhere in its name, ignoring capital letters. The search also checks the record's other name (shown as **Also called** in its details) and, in a translated dataset, its English KJV name, so you can search in either language.
871
+
872
+ Exact matches come first, then names that start with your text, then names that only contain it; within each group, records the dataset ranks as more important come first. With an empty search box the tab lists every record, most important first.
873
+
874
+ Click the X inside the search box (tooltip **Clear search**) to empty it. Each tab keeps its own search text, so switching between **Names** and **Locations** does not lose what you typed.
875
+
876
+ ## Lookup panel › Filter lookup results by name type
877
+
878
+ <!-- chunk {"id":"ui/lookup-panel/filter-lookup-results-by-name-type","section":"Lookup panel","title":"Filter lookup results by name type","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
879
+
880
+ On the **Names** tab of the lookup panel, the dropdown with a funnel icon next to the tabs (tooltip **Filter by name type**) limits the list to one kind of name record.
881
+
882
+ - **All types** shows everything and is always first.
883
+ - The other choices are the kinds present in the loaded dataset, with the most common kind first. The possible kinds are **People**, **Places**, **Groups**, **Concepts**, **Deities**, **Months**, **Supernatural**, **Life** and **Unknown**; only kinds that actually occur in the dataset are offered.
884
+
885
+ The filter works together with the search box: for example, choose **Groups** and type a few letters to search only the group records. Changing the filter returns the list to its first page.
886
+
887
+ The filter applies to names only. On the **Locations** tab the dropdown is greyed out, shows `----` and has the tooltip **Type filter applies to names only**.
888
+
889
+ ## Lookup panel › Page through lookup results
890
+
891
+ <!-- chunk {"id":"ui/lookup-panel/page-through-lookup-results","section":"Lookup panel","title":"Page through lookup results","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
892
+
893
+ The lookup panel shows 20 results per page. The list scrolls when the panel is too short to show them all.
894
+
895
+ The bar under the list shows the current page, the number of pages and the number of results, for example `2 / 12 · 231` (page 2 of 12, 231 results):
896
+
897
+ - Click the left or right arrow to go to the previous or next page. An arrow is greyed out on the first or last page.
898
+ - To jump to a page, click the page number box (tooltip **Type a page number and press Enter**), type a number and press `Enter`. Press `Esc` to cancel. A number past the last page takes you to the last page.
899
+
900
+ Typing a new search or changing the name type filter always returns to page 1. The page bar is hidden when nothing matches.
901
+
902
+ ## Lookup panel › What a lookup result shows
903
+
904
+ <!-- chunk {"id":"ui/lookup-panel/what-a-lookup-result-shows","section":"Lookup panel","title":"What a lookup result shows","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
905
+
906
+ Each row in the lookup panel's list shows:
907
+
908
+ - an icon: on the **Names** tab the icon for the kind of name (person, group, place, deity, month and so on); on the **Locations** tab a map pin;
909
+ - the name in bold;
910
+ - in a translated dataset, the English KJV name in parentheses after it;
911
+ - the record's short title line underneath, cut to two lines.
912
+
913
+ Hover a row to see the whole title line as a tooltip (or the name, when the record has no title line).
914
+
915
+ The list uses the font the app sets for the dataset's language, if any, and the search box uses the same font.
916
+
917
+ ## Lookup panel › Open details for a lookup result
918
+
919
+ <!-- chunk {"id":"ui/lookup-panel/open-details-for-a-lookup-result","section":"Lookup panel","title":"Open details for a lookup result","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
920
+
921
+ Click a row in the lookup panel to open that person's or place's detail panel, the same floating window you get by clicking the icon of a mention in your note. It shows the title line, description and facts, and a **Details** section with family, locations, verses, links and, for places, a map when coordinates are known.
922
+
923
+ Clicking a result does not insert anything into your note. To put that person or place into your note, type `@` (people) or `#` (places) followed by the first letters of the name and pick it from the suggestion list, or use **Insert** › **Mention Name** or **Insert** › **Pin Location** in the toolbar.
924
+
925
+ You can open several detail panels from the lookup panel, drag them by their header, resize them from the bottom-right corner, and close each with its **Close** button. The lookup panel stays open while you do.
926
+
927
+ ## Lookup panel › The lookup panel says "No matches"
928
+
929
+ <!-- chunk {"id":"ui/lookup-panel/the-lookup-panel-says-no-matches","section":"Lookup panel","title":"The lookup panel says \"No matches\"","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
930
+
931
+ The lookup panel shows **No matches** when nothing in the current tab fits the search text and, on the **Names** tab, the selected name type.
932
+
933
+ - Check that you are on the right tab: **Names** for people and other names, **Locations** for places.
934
+ - On the **Names** tab, set the type filter back to **All types**.
935
+ - Try fewer letters or another spelling. The datasets use the spelling of the Bible translation they come from; in a translated dataset you can also search with the English KJV name.
936
+ - Clear the search box (the X inside it) to list every record again.
937
+
938
+ The lookup panel only searches the datasets the app hosting the editor has loaded. If both tabs show **No matches** even with an empty search box, the app has not loaded any names or locations.
939
+
940
+ ## Lookup panel › Can I move or resize the lookup panel?
941
+
942
+ <!-- chunk {"id":"ui/lookup-panel/can-i-move-or-resize-the-lookup-panel","section":"Lookup panel","title":"Can I move or resize the lookup panel?","tags":["lookup","search","names","locations"],"source":"knowledge/ui/06-lookup-panel.md","package":"bible-note@0.5.0"} -->
943
+
944
+ No. The lookup panel always sits along the right side of the window and cannot be dragged or resized. Its list scrolls when there are more results than fit.
945
+
946
+ The detail panels you open from it are different: drag a detail panel by its header to move it, and drag its bottom-right corner to resize it.
947
+
948
+ If the lookup panel covers part of your note, close it with the X at its top right (tooltip **Close lookup**) or with the footer button **Hide Lookup**. In very narrow windows (600 pixels wide or less) the lookup panel is not shown at all.
949
+
950
+ ## Inserting content › The Insert menu on the toolbar
951
+
952
+ <!-- chunk {"id":"ui/inserting-content/the-insert-menu-on-the-toolbar","section":"Inserting content","title":"The Insert menu on the toolbar","tags":["insert","insert menu","blocks","content","toolbar","add content"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
953
+
954
+ The **Insert** button on the toolbar (plus icon) opens a menu of things to add at the cursor:
955
+
956
+ - **Horizontal Rule** — a line across the note.
957
+ - **Default Example** — a ready-made sample study note.
958
+ - **Page Break** — starts a new page when the note is printed.
959
+ - **Media** — an image, video, PDF or audio file.
960
+ - **Excalidraw** — a hand-drawn diagram.
961
+ - **Mention Name**, **Pin Location**, **Bible Verse** — start a mention of a person, a place or a Bible verse.
962
+ - **Emoji & HTML Character** — pick an emoji or a special symbol.
963
+ - **Table**, **Poll**, **Columns Layout**, **Equation**.
964
+ - **Sticky Note** — a note that floats over the page.
965
+ - **Collapsible container** — a section you can fold away.
966
+ - **Date** — today's date.
967
+ - **Youtube Video** and **Embed Website** — embed a video or a web page.
968
+
969
+ Items that need details, such as **Media**, **Table** or **Poll**, open a dialog first; close any dialog with its close button or `Escape`. Most items are also in the `/` menu: type `/` in the note and then the item's name.
970
+
971
+ The **Insert** menu is greyed out in a read-only note, and it is not shown while the cursor is in a code block or an image caption.
972
+
973
+ ## Inserting content › Insert a horizontal rule or a page break
974
+
975
+ <!-- chunk {"id":"ui/inserting-content/insert-a-horizontal-rule-or-a-page-break","section":"Inserting content","title":"Insert a horizontal rule or a page break","tags":["insert","insert menu","blocks","content","horizontal rule","divider","line","page break","print"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
976
+
977
+ - **Horizontal Rule** (on the **Insert** menu), **Divider** in the `/` menu, or typing `---` and a space on an empty line adds a thin line across the note.
978
+ - **Page Break** (on the **Insert** menu or in the `/` menu) adds a grey band labelled **PAGE BREAK**. When the note is printed, the content after it starts on a new page. The band itself is not printed.
979
+
980
+ Click a rule or a page break to select it; it is highlighted. Press `Backspace` or `Delete` to remove the selected item.
981
+
982
+ ## Inserting content › Insert an image, video, PDF or audio file
983
+
984
+ <!-- chunk {"id":"ui/inserting-content/insert-an-image-video-pdf-or-audio-file","section":"Inserting content","title":"Insert an image, video, PDF or audio file","tags":["insert","insert menu","blocks","content","image","picture","photo","video","pdf","audio","media","upload"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
985
+
986
+ Choose **Media** from the **Insert** menu (tooltip **Insert image, video, pdf or audio**) or type `/media`. The **Insert Media** dialog asks where the file comes from:
987
+
988
+ ### URL
989
+
990
+ Type a web address or file path in **Media URL/Path**, add a short description in **Alt Text / Title** if you like, and click **Confirm**. The kind of media is taken from the end of the address:
991
+
992
+ - `.pdf` — a PDF;
993
+ - `.mp4`, `.webm`, `.ogv`, `.mov`, `.m4v` — a video;
994
+ - `.mp3`, `.m4a`, `.wav`, `.ogg`, `.oga`, `.opus`, `.aac`, `.flac`, `.weba` — audio;
995
+ - anything else — an image.
996
+
997
+ ### File
998
+
999
+ Click **Media File** and pick an image, video, audio file or PDF from your computer. **Alt Text / Title** is filled in with the file name; change it if you like. For a video, audio file or PDF a **File Path** box shows where the note will look for the file; you can correct it. Click **Confirm**.
1000
+
1001
+ The media is placed at the cursor. You can also drag an image file into the note, or type `![description](https://example.com/picture.jpg)` to insert an image from a web address.
1002
+
1003
+ ## Inserting content › Resize, caption, download or remove an image or other media
1004
+
1005
+ <!-- chunk {"id":"ui/inserting-content/resize-caption-download-or-remove-an-image-or-other-media","section":"Inserting content","title":"Resize, caption, download or remove an image or other media","tags":["insert","insert menu","blocks","content","resize image","caption","download","media options"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1006
+
1007
+ Click an image, video, PDF or audio player in the note to select it; it gets a blue outline. Then:
1008
+
1009
+ - **Resize** — drag the handles on its edges and corners (images, videos and PDFs).
1010
+ - **Add Caption** — the button on a selected image, video or PDF adds a caption box under it (**Enter a caption...**). A caption left empty disappears when you click away.
1011
+ - **Download media** — the download button saves a copy of the file.
1012
+ - **Reveal media file** — the folder button shows the file on your computer. It only appears in apps that support it, for media stored as files on disk.
1013
+ - **Move** — drag the selected item to another place in the note.
1014
+ - **Remove** — press `Backspace` or `Delete`.
1015
+
1016
+ Press `Enter` on a selected item with a caption to jump into the caption, and `Escape` to go back to the item. Hold `Shift` while clicking to select several items.
1017
+
1018
+ ## Inserting content › Draw a diagram with Excalidraw
1019
+
1020
+ <!-- chunk {"id":"ui/inserting-content/draw-a-diagram-with-excalidraw","section":"Inserting content","title":"Draw a diagram with Excalidraw","tags":["insert","insert menu","blocks","content","excalidraw","drawing","diagram","sketch"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1021
+
1022
+ Choose **Excalidraw** from the **Insert** menu, or type `/excalidraw` (`/drawing` and `/diagram` work too). A drawing editor opens over the note with the Excalidraw drawing tools.
1023
+
1024
+ At the top right of the drawing editor:
1025
+
1026
+ - **Enter fullscreen** / **Exit fullscreen** — make the drawing editor fill the whole screen, and back.
1027
+ - **Discard** — asks **Are you sure you want to discard the changes?**; click **Discard** to close without saving, or **Cancel** to keep drawing.
1028
+ - **Save** — closes the drawing editor and places the drawing in the note as a picture at the cursor.
1029
+
1030
+ If you click **Save** without drawing anything, nothing is added. Clicking outside the drawing editor does not close it; use **Save** or **Discard**.
1031
+
1032
+ While the drawing editor is open, `Ctrl` and the mouse wheel (or a pinch) zoom the drawing, not the note.
1033
+
1034
+ ## Inserting content › Edit or resize an Excalidraw drawing
1035
+
1036
+ <!-- chunk {"id":"ui/inserting-content/edit-or-resize-an-excalidraw-drawing","section":"Inserting content","title":"Edit or resize an Excalidraw drawing","tags":["insert","insert menu","blocks","content","edit drawing","excalidraw","resize drawing"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1037
+
1038
+ Click a drawing in the note to select it. A pencil button and resize handles appear on it.
1039
+
1040
+ - **Edit** — click the pencil button, or double-click the drawing, to open it in the drawing editor again. Make your changes and click **Save**; **Discard** leaves the drawing as it was.
1041
+ - **Resize** — drag the handles on the edges and corners.
1042
+ - **Remove** — erase everything in the drawing editor and click **Save**; an empty drawing is removed from the note.
1043
+
1044
+ Drawings cannot be edited in a read-only note.
1045
+
1046
+ ## Inserting content › Insert a table
1047
+
1048
+ <!-- chunk {"id":"ui/inserting-content/insert-a-table","section":"Inserting content","title":"Insert a table","tags":["insert","insert menu","blocks","content","table","grid","rows","columns","insert table"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1049
+
1050
+ Choose **Table** from the **Insert** menu, or type `/table`. In the **Insert Table** dialog:
1051
+
1052
+ - **Rows** — from 1 to 500 (5 to start with).
1053
+ - **Columns** — from 1 to 50 (5 to start with).
1054
+
1055
+ Click **Confirm**; it is greyed out while a number is outside those limits. The table is placed at the cursor, with its first row and first column set as header cells.
1056
+
1057
+ Quicker ways:
1058
+
1059
+ - Type `/` followed by the size, such as `/3x4`, and choose **3x4 Table** (3 rows, 4 columns).
1060
+ - Type a row of cells between pipes, such as `|Name|Verse|`, and press `Space`.
1061
+
1062
+ ## Inserting content › Move around and resize a table
1063
+
1064
+ <!-- chunk {"id":"ui/inserting-content/move-around-and-resize-a-table","section":"Inserting content","title":"Move around and resize a table","tags":["insert","insert menu","blocks","content","table navigation","tab","resize column","column width","row height"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1065
+
1066
+ - Click a cell to type in it.
1067
+ - `Tab` moves to the next cell and `Shift+Tab` to the previous one, row by row. `Tab` in the last cell moves the cursor out of the table, to the line after it.
1068
+ - Drag across several cells to select them; they are highlighted, and formatting, the cell menu and **Merge cells** then apply to all of them.
1069
+ - **Column width** — point at the right edge of a cell and drag it.
1070
+ - **Row height** — point at the bottom edge of a cell and drag it.
1071
+
1072
+ On a touch screen, tap a cell first; its right and bottom edges are then highlighted and can be dragged.
1073
+
1074
+ A table wider than the note can be scrolled sideways.
1075
+
1076
+ ## Inserting content › Change a table with the cell menu
1077
+
1078
+ <!-- chunk {"id":"ui/inserting-content/change-a-table-with-the-cell-menu","section":"Inserting content","title":"Change a table with the cell menu","tags":["insert","insert menu","blocks","content","table menu","merge cells","delete row","insert column","cell background","header row"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1079
+
1080
+ Put the cursor in a table cell. A small down-arrow button appears in the top-right corner of that cell; click it to open the cell menu:
1081
+
1082
+ - **Merge cells** — shown when several cells are selected; joins them into one. In a merged cell the item is **Unmerge cells** instead.
1083
+ - **Background color** — opens **Cell background color** to colour the selected cells.
1084
+ - **Toggle Row Striping** — shades every other row.
1085
+ - **Vertical Align** — **Top Align**, **Middle Align** or **Bottom Align** for the cell contents.
1086
+ - **Toggle First Row Freeze** and **Toggle First Column Freeze** — keep the first row or first column in view while the table scrolls.
1087
+ - **Insert row above** and **Insert row below**; **Insert column left** and **Insert column right**. With several rows or columns selected these read, for example, **Insert 2 rows above**.
1088
+ - **Delete column**, **Delete row**, **Delete table**.
1089
+ - **Add row header** / **Remove row header** and **Add column header** / **Remove column header** — mark the current row or column as headers, or undo that.
1090
+
1091
+ The cell menu button is not shown in a read-only note.
1092
+
1093
+ ## Inserting content › Add rows, add columns or sort a table with the hover buttons
1094
+
1095
+ <!-- chunk {"id":"ui/inserting-content/add-rows-add-columns-or-sort-a-table-with-the-hover-buttons","section":"Inserting content","title":"Add rows, add columns or sort a table with the hover buttons","tags":["insert","insert menu","blocks","content","table add row","add column","sort table","hover"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1096
+
1097
+ With a mouse or trackpad, point at a table:
1098
+
1099
+ - Over a cell in the **top row**, two buttons appear above that column: **Sort column** (filter icon) and **Add column** (**+**). **Add column** adds a new column to the right of it.
1100
+ - Over a cell in the **first column**, an **Add row** button (**+**) appears at the table's left edge. It adds a new row below that row.
1101
+
1102
+ **Sort column** opens **Sort Ascending** and **Sort Descending**. They reorder the rows by the text in that column, with numbers in number order (2 before 10). When the top cell of the column is a header, the top row stays where it is. Sorting does nothing in a table that has merged cells.
1103
+
1104
+ These hover buttons are not shown in a read-only note. They are not shown on touch-only devices either; there, use the cell menu (the small down-arrow button in the cell with the cursor) instead.
1105
+
1106
+ ## Inserting content › Insert a poll
1107
+
1108
+ <!-- chunk {"id":"ui/inserting-content/insert-a-poll","section":"Inserting content","title":"Insert a poll","tags":["insert","insert menu","blocks","content","poll","vote","survey"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1109
+
1110
+ Choose **Poll** from the **Insert** menu, or type `/poll`. In the **Insert Poll** dialog type the **Question** and click **Confirm**.
1111
+
1112
+ The poll shows the question and two empty options (**Option 1** and **Option 2**):
1113
+
1114
+ - Type each option's text in its box.
1115
+ - **Add Option** adds another option.
1116
+ - The remove button beside an option deletes it; it only works while the poll has three or more options.
1117
+ - **Increase vote** (**+**) and **Decrease vote** (**−**) beside each option change its vote count. A bar behind the option shows its share of all votes, with a label such as **2 votes**.
1118
+
1119
+ Votes are counted in this note only; each click of **+** adds one vote.
1120
+
1121
+ ## Inserting content › Insert a columns layout
1122
+
1123
+ <!-- chunk {"id":"ui/inserting-content/insert-a-columns-layout","section":"Inserting content","title":"Insert a columns layout","tags":["insert","insert menu","blocks","content","columns","layout","side by side","grid"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1124
+
1125
+ Choose **Columns Layout** from the **Insert** menu, or type `/columns`. In the **Insert Columns Layout** dialog, pick a layout from the list and click **Insert**:
1126
+
1127
+ - **2 columns (equal width)**
1128
+ - **2 columns (25% - 75%)**
1129
+ - **3 columns (equal width)**
1130
+ - **3 columns (25% - 50% - 25%)**
1131
+ - **4 columns (equal width)**
1132
+
1133
+ The columns are added side by side across the note, and the cursor moves into the first one. Each column can hold any content — text, lists, images, tables. Click in a column to type in it.
1134
+
1135
+ When the layout is the last block in the note, put the cursor on an empty line at the end of its last column and press `↓` or `→`: an empty line is added below the layout, so you can carry on writing.
1136
+
1137
+ ## Inserting content › Insert a math equation
1138
+
1139
+ <!-- chunk {"id":"ui/inserting-content/insert-a-math-equation","section":"Inserting content","title":"Insert a math equation","tags":["insert","insert menu","blocks","content","equation","math","latex","katex","formula"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1140
+
1141
+ Choose **Equation** from the **Insert** menu, or type `/equation` (or `/math`, `/latex`). The **Insert Equation** dialog has:
1142
+
1143
+ - **Inline** — ticked: the equation sits inside a line of text. Unticked: it is shown larger, on a line of its own.
1144
+ - **Equation** — type the formula in LaTeX, for example `\frac{a}{b}` or `x^2 + y^2`.
1145
+ - **Visualization** — a live preview of the formula.
1146
+
1147
+ Click **Confirm** to place it at the cursor. If part of the formula has a mistake, that part is shown in red.
1148
+
1149
+ You can also type an inline equation between dollar signs: `$x^2$` turns into an equation when you type the closing `$`.
1150
+
1151
+ ## Inserting content › Edit an equation
1152
+
1153
+ <!-- chunk {"id":"ui/inserting-content/edit-an-equation","section":"Inserting content","title":"Edit an equation","tags":["insert","insert menu","blocks","content","edit equation","math","latex"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1154
+
1155
+ Double-click an equation in the note. Its LaTeX source appears in an edit box, between `$` signs for an inline equation or `$$` signs for one on its own line. Change the formula, then press `Escape` or click elsewhere in the note; the equation is redrawn with your changes.
1156
+
1157
+ Equations cannot be edited in a read-only note.
1158
+
1159
+ ## Inserting content › Insert a collapsible section
1160
+
1161
+ <!-- chunk {"id":"ui/inserting-content/insert-a-collapsible-section","section":"Inserting content","title":"Insert a collapsible section","tags":["insert","insert menu","blocks","content","collapsible","toggle","fold","expand","collapse","details"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1162
+
1163
+ Choose **Collapsible container** from the **Insert** menu, or type `/collapsible` (or `/toggle`). An open section is added with a bold title line and a content area under it, and the cursor goes into the title.
1164
+
1165
+ - Type the title, then press `Enter` to move into the content area.
1166
+ - Click the triangle at the left of the title to fold the section away or open it again. Clicking the title's words places the cursor there instead.
1167
+ - Pressing `Enter` in the title of a folded section opens it and moves into the content.
1168
+ - When the section is the last block in the note, pressing `↓` or `→` at the end of its content adds an empty line below it.
1169
+
1170
+ ## Inserting content › Insert a date
1171
+
1172
+ <!-- chunk {"id":"ui/inserting-content/insert-a-date","section":"Inserting content","title":"Insert a date","tags":["insert","insert menu","blocks","content","date","calendar","time","today"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1173
+
1174
+ Choose **Date** from the **Insert** menu, or type `/today`, `/tomorrow`, `/yesterday` or `/date`. The date appears in the text as a small chip, such as **Sat Nov 07 2026**.
1175
+
1176
+ Click the chip to change it:
1177
+
1178
+ - Pick a day in the calendar. Use the month and year lists at the top, or the arrows, to move to another month.
1179
+ - Tick **Include time** to add a time, then set it in the **Time** box. Your time zone is shown next to it.
1180
+
1181
+ Click outside the calendar or press `Escape` to close it.
1182
+
1183
+ ## Inserting content › Embed a YouTube video or a web page
1184
+
1185
+ <!-- chunk {"id":"ui/inserting-content/embed-a-youtube-video-or-a-web-page","section":"Inserting content","title":"Embed a YouTube video or a web page","tags":["insert","insert menu","blocks","content","youtube","video","embed","website","iframe","web page"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1186
+
1187
+ - **YouTube** — choose **Youtube Video** from the **Insert** menu (or type `/youtube`). Paste the video's link into the **Embed Youtube Video** dialog, for example `https://www.youtube.com/watch?v=…`, and click **Embed**. The video player is added to the note.
1188
+ - **Web page** — choose **Embed Website** from the **Insert** menu (or type `/website`). Paste any `http://` or `https://` address into the **Embed Website** dialog and click **Embed**. The page is shown in a frame in the note. YouTube links are embedded as videos instead.
1189
+
1190
+ **Embed** stays greyed out until the address is recognised.
1191
+
1192
+ An embedded web page can be resized: click it to select it, then drag the handles on its edges and corners.
1193
+
1194
+ ## Inserting content › Embed a link you paste
1195
+
1196
+ <!-- chunk {"id":"ui/inserting-content/embed-a-link-you-paste","section":"Inserting content","title":"Embed a link you paste","tags":["insert","insert menu","blocks","content","paste link","auto embed","youtube","website"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1197
+
1198
+ When you paste just a web address into the note, it becomes a link and a small menu opens next to it:
1199
+
1200
+ - **Embed Youtube Video** (for a YouTube link) or **Embed Website** (for any other web page) — replaces the link with the embedded video or page.
1201
+ - **Dismiss** — keeps it as an ordinary link.
1202
+
1203
+ Choose with the mouse, or with `↓`/`↑` and `Enter`. `Escape` closes the menu and keeps the link.
1204
+
1205
+ ## Inserting content › Insert a code block and choose its language
1206
+
1207
+ <!-- chunk {"id":"ui/inserting-content/insert-a-code-block-and-choose-its-language","section":"Inserting content","title":"Insert a code block and choose its language","tags":["insert","insert menu","blocks","content","code block","programming","syntax highlighting","language"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1208
+
1209
+ To start a code block:
1210
+
1211
+ - choose **Code Block** from the block type menu on the toolbar (`Ctrl+Alt+C`, or `⌘+Opt+C` on macOS);
1212
+ - type `/code`; or
1213
+ - type three backticks (` ``` `) at the start of a line and press `Space` or `Enter`. Add a language name right after them, such as ` ```js `, to set the language too.
1214
+
1215
+ While the cursor is in a code block, the toolbar shows a language menu (**Select language**) instead of the text styling buttons. Choose **C**, **C-like**, **C++**, **CSS**, **HTML**, **Java**, **JavaScript**, **Markdown**, **Objective-C**, **Plain Text**, **PowerShell**, **Python**, **Rust**, **SQL**, **Swift**, **TypeScript** or **XML** to colour the code to match.
1216
+
1217
+ When the **Use Shiki for Code Highlighting** switch is on in the settings panel (only in some apps), a second menu, **Select theme**, picks the colour scheme. When **Enable Code Highlighting** is off, the language menu is not shown.
1218
+
1219
+ ## Inserting content › Copy or tidy the code in a code block
1220
+
1221
+ <!-- chunk {"id":"ui/inserting-content/copy-or-tidy-the-code-in-a-code-block","section":"Inserting content","title":"Copy or tidy the code in a code block","tags":["insert","insert menu","blocks","content","copy code","format code","prettier"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1222
+
1223
+ With a mouse or trackpad, point at a code block. A small bar appears on the block with the language name and two icon buttons:
1224
+
1225
+ - The copy button copies all the code in the block. Its icon briefly turns into a tick.
1226
+ - The magic-wand button tidies the layout of the code (it uses the Prettier code formatter). It is only offered for **CSS**, **HTML**, **JavaScript**, **Markdown** and **TypeScript**. If the code has a mistake, the icon turns into an exclamation mark; point at it to read the error.
1227
+
1228
+ These buttons are not shown on touch-only devices.
1229
+
1230
+ ## Inserting content › Insert an emoji or a special character
1231
+
1232
+ <!-- chunk {"id":"ui/inserting-content/insert-an-emoji-or-a-special-character","section":"Inserting content","title":"Insert an emoji or a special character","tags":["insert","insert menu","blocks","content","emoji","symbol","special character","html entity"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1233
+
1234
+ Choose **Emoji & HTML Character** from the **Insert** menu. The **Insert Emoji or HTML Character** dialog has two tabs:
1235
+
1236
+ - **Emoji** — search by name, alias or tag.
1237
+ - **HTML** — the named HTML characters: symbols, arrows, Greek and accented letters, special spaces and more. Search by the character, its entity name (such as `&copy;`) or its description.
1238
+
1239
+ Type in the search box to filter, then click a result to insert it at the cursor; the dialog closes. **No matches** means nothing fits the search. With an empty search box, the characters you used most recently are listed first, and the dialog remembers which tab you used last.
1240
+
1241
+ ## Inserting content › Insert the Default Example note
1242
+
1243
+ <!-- chunk {"id":"ui/inserting-content/insert-the-default-example-note","section":"Inserting content","title":"Insert the Default Example note","tags":["insert","insert menu","blocks","content","default example","sample","demo","template"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1244
+
1245
+ **Default Example** on the **Insert** menu adds a ready-made sample study of Genesis 1 at the cursor. It shows off many kinds of content at once: a quoted Bible passage, a collapsible section, bullet, numbered and check lists, a table, a code block and a two-column layout.
1246
+
1247
+ Use it to see what the editor can do, or as a starting point. Delete the parts you do not need, or use **Undo** straight away to remove it all.
1248
+
1249
+ ## Inserting content › Move a block by dragging it
1250
+
1251
+ <!-- chunk {"id":"ui/inserting-content/move-a-block-by-dragging-it","section":"Inserting content","title":"Move a block by dragging it","tags":["insert","insert menu","blocks","content","drag handle","move block","reorder","drag and drop"],"source":"knowledge/ui/07-inserting-content.md","package":"bible-note@0.5.0"} -->
1252
+
1253
+ With a mouse or trackpad, point at any paragraph, heading, list, table, image or other block. A drag handle (six dots) appears in the margin to its left, next to a **+** button.
1254
+
1255
+ - Drag the handle up or down. A line shows where the block will go; let go to drop it there.
1256
+ - Click **+** (**Click to add below**) to choose a new block to add below this one from a filterable list. Hold `Alt` (`Option` on macOS) or `Ctrl` while clicking to add it above instead.
1257
+
1258
+ The drag handle and **+** button need a pointer that can hover, so they are not shown on touch-only devices such as phones and tablets. There, cut and paste the text to move it.
1259
+
1260
+ ## Sticky notes › Add a sticky note
1261
+
1262
+ <!-- chunk {"id":"ui/sticky-notes/add-a-sticky-note","section":"Sticky notes","title":"Add a sticky note","tags":["sticky notes","annotations"],"source":"knowledge/ui/08-sticky-notes.md","package":"bible-note@0.5.0"} -->
1263
+
1264
+ A sticky note is a small coloured note that floats on top of the writing area, separate from the note's text.
1265
+
1266
+ 1. Click **Insert** in the toolbar.
1267
+ 2. Choose **Sticky Note**.
1268
+
1269
+ A new yellow sticky note appears in the top-left corner of the writing area, showing the hint "What's up?". Click inside it and start typing. Then drag it to wherever you want it.
1270
+
1271
+ **Insert** is greyed out while read-only mode is on, so unlock the note first. Sticky notes are not offered in the `/` menu; use the toolbar.
1272
+
1273
+ Sticky notes are part of the note. They are saved with it automatically, included when you **Export** a backup, and placed in a Word document as pictures when you use **Download Word Document**.
1274
+
1275
+ ## Sticky notes › Write in a sticky note
1276
+
1277
+ <!-- chunk {"id":"ui/sticky-notes/write-in-a-sticky-note","section":"Sticky notes","title":"Write in a sticky note","tags":["sticky notes","annotations"],"source":"knowledge/ui/08-sticky-notes.md","package":"bible-note@0.5.0"} -->
1278
+
1279
+ Click inside a sticky note and type. Sticky-note text is plain text: the toolbar formatting buttons do not apply to it.
1280
+
1281
+ The text uses a handwriting-style font. The app the editor runs in can add extra fonts so that other scripts, such as Khmer, display properly in sticky notes.
1282
+
1283
+ When the text is longer than the sticky note, it scrolls inside the note. Make the sticky note bigger with its resize handle to see more at once.
1284
+
1285
+ Things to know:
1286
+
1287
+ - Typing in a sticky note can be undone with **Undo** (`Ctrl+Z`, or `⌘+Z` on macOS), like typing in the note.
1288
+ - While read-only mode is on, sticky-note text cannot be edited.
1289
+ - The find bar searches only the note's own text. Words inside sticky notes are not found.
1290
+
1291
+ ## Sticky notes › Move and resize a sticky note
1292
+
1293
+ <!-- chunk {"id":"ui/sticky-notes/move-and-resize-a-sticky-note","section":"Sticky notes","title":"Move and resize a sticky note","tags":["sticky notes","annotations"],"source":"knowledge/ui/08-sticky-notes.md","package":"bible-note@0.5.0"} -->
1294
+
1295
+ ### Move a sticky note
1296
+
1297
+ Point at the coloured edge around the text; the pointer changes to a move cursor. The strip along the top of the sticky note is the easiest place to grab. Drag the sticky note to its new place and let go. The editor remembers the new position.
1298
+
1299
+ Dragging inside the text area itself selects text instead of moving the sticky note.
1300
+
1301
+ A sticky note always stays inside the writing area. You cannot drag it past the edges.
1302
+
1303
+ ### Resize a sticky note
1304
+
1305
+ Point at the sticky note and a small diagonal-arrow handle (**Resize**) appears in its bottom-right corner.
1306
+
1307
+ - Drag the handle to make the sticky note wider, narrower, taller or shorter.
1308
+ - Click the handle without dragging to make the sticky note about 12% bigger in both directions.
1309
+
1310
+ A sticky note cannot be made smaller than its starting size, or larger than the space left in the writing area.
1311
+
1312
+ ### Overlapping sticky notes
1313
+
1314
+ Clicking a sticky note brings it in front of any other sticky notes it overlaps.
1315
+
1316
+ ## Sticky notes › Change a sticky note's colour
1317
+
1318
+ <!-- chunk {"id":"ui/sticky-notes/change-a-sticky-notes-colour","section":"Sticky notes","title":"Change a sticky note's colour","tags":["sticky notes","annotations"],"source":"knowledge/ui/08-sticky-notes.md","package":"bible-note@0.5.0"} -->
1319
+
1320
+ Each sticky note has two small, faint buttons in its top-right corner. They become clearer when you point at them.
1321
+
1322
+ Click the paint-bucket button (**Color**) to change the colour. Each click moves to the next colour in this order:
1323
+
1324
+ 1. yellow (the colour of a new sticky note)
1325
+ 2. pink
1326
+ 3. blue
1327
+ 4. mint
1328
+ 5. lavender
1329
+ 6. peach
1330
+ 7. sage
1331
+
1332
+ After sage, the next click goes back to yellow. In dark mode each colour is shown as a deeper shade.
1333
+
1334
+ ## Sticky notes › Delete a sticky note
1335
+
1336
+ <!-- chunk {"id":"ui/sticky-notes/delete-a-sticky-note","section":"Sticky notes","title":"Delete a sticky note","tags":["sticky notes","annotations"],"source":"knowledge/ui/08-sticky-notes.md","package":"bible-note@0.5.0"} -->
1337
+
1338
+ Click the red × button (**Delete**) in the top-right corner of the sticky note. It is removed at once, with no confirmation. If you deleted the wrong one, use **Undo** (`Ctrl+Z`, or `⌘+Z` on macOS) to bring it back.
1339
+
1340
+ Deleting text in the note never removes sticky notes. Even if you select all the text and press Delete, the sticky notes stay where they are. The × button is the way to remove one.
1341
+
1342
+ **Clear** in the footer is different: it empties the whole note, and sticky notes go with it.
1343
+
1344
+ ## Sticky notes › Hide or show all sticky notes
1345
+
1346
+ <!-- chunk {"id":"ui/sticky-notes/hide-or-show-all-sticky-notes","section":"Sticky notes","title":"Hide or show all sticky notes","tags":["sticky notes","annotations"],"source":"knowledge/ui/08-sticky-notes.md","package":"bible-note@0.5.0"} -->
1347
+
1348
+ Use the sticky-notes button in the footer bar. Its tooltip reads **Hide Sticky Notes** while they are visible and **Show Sticky Notes** while they are hidden.
1349
+
1350
+ - Click it once to hide every sticky note so that you can read the text underneath.
1351
+ - Click it again to show them all.
1352
+
1353
+ Hiding only takes the sticky notes out of view. They are not deleted and keep their text, colour, size and position.
1354
+
1355
+ The editor does not remember this choice. Sticky notes are shown again the next time the editor opens.
1356
+
1357
+ ## Typing shortcuts › Start a heading, quote or list by typing markdown
1358
+
1359
+ <!-- chunk {"id":"ui/typing-shortcuts/start-a-heading-quote-or-list-by-typing-markdown","section":"Typing shortcuts","title":"Start a heading, quote or list by typing markdown","tags":["markdown","typing","shortcuts","emoji","autocomplete","heading","quote","bullet list","numbered list","check list"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1360
+
1361
+ At the very start of a line, type one of these markers followed by a space. The marker disappears and the line changes into that kind of block:
1362
+
1363
+ | Type at the start of a line | You get |
1364
+ | ------------------------------------------- | -------------------------------------- |
1365
+ | `# ` | Heading 1 |
1366
+ | `## ` | Heading 2 |
1367
+ | `### ` to `###### ` | Heading 3 to Heading 6 |
1368
+ | `> ` | Quote |
1369
+ | `- `, `* ` or `+ ` | Bullet list |
1370
+ | `1. ` (any number and a dot, such as `3. `) | Numbered list, starting at that number |
1371
+ | `[ ] ` | Check list item |
1372
+ | `[x] ` | Check list item that is already ticked |
1373
+
1374
+ - A list item typed straight after a list of the same kind joins that list.
1375
+ - Type `[ ] ` on its own to start a check list; `- [ ] ` makes a bullet item instead, because `- ` turns into a bullet first.
1376
+ - The markers only work at the very start of a line. They do nothing inside code blocks or inside an existing list item.
1377
+ - To keep the characters as plain text, press **Undo** (`Ctrl+Z`, or `⌘+Z` on macOS) right after the change.
1378
+
1379
+ ## Typing shortcuts › Start a code block by typing three backticks
1380
+
1381
+ <!-- chunk {"id":"ui/typing-shortcuts/start-a-code-block-by-typing-three-backticks","section":"Typing shortcuts","title":"Start a code block by typing three backticks","tags":["markdown","typing","shortcuts","emoji","autocomplete","code block","backticks","fence"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1382
+
1383
+ At the start of a line, type three backticks — ` ``` ` — and press `Space` or `Enter`. The line becomes an empty code block.
1384
+
1385
+ To set the programming language at the same time, type its name straight after the backticks, for example ` ```js `, ` ```python `, ` ```html ` or ` ```sql `, then press `Space` or `Enter`. You can change the language later with the language menu that appears on the toolbar while the cursor is in the code block.
1386
+
1387
+ Markdown shortcuts are switched off inside code blocks, so you can type `#`, `*` or backticks there freely.
1388
+
1389
+ ## Typing shortcuts › Format text as you type with markdown
1390
+
1391
+ <!-- chunk {"id":"ui/typing-shortcuts/format-text-as-you-type-with-markdown","section":"Typing shortcuts","title":"Format text as you type with markdown","tags":["markdown","typing","shortcuts","emoji","autocomplete","bold","italic","strikethrough","highlight","inline code"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1392
+
1393
+ Type the markers around the words. The formatting is applied, and the markers removed, as soon as you type the closing marker:
1394
+
1395
+ | Type | You get |
1396
+ | ------------------------------ | --------------- |
1397
+ | `**words**` or `__words__` | **bold** |
1398
+ | `*words*` or `_words_` | _italic_ |
1399
+ | `***words***` or `___words___` | bold and italic |
1400
+ | `~~words~~` | strikethrough |
1401
+ | `==words==` | highlight |
1402
+ | `` `words` `` | inline code |
1403
+
1404
+ - Do not leave a space just inside the markers: `**bold**` works, `** bold **` does not.
1405
+ - The underscore forms only work at the edges of words, so names like `snake_case_name` are left alone.
1406
+ - Nothing inside inline code is formatted further.
1407
+
1408
+ ## Typing shortcuts › Type a link, image, line, equation or emoji in markdown
1409
+
1410
+ <!-- chunk {"id":"ui/typing-shortcuts/type-a-link-image-line-equation-or-emoji-in-markdown","section":"Typing shortcuts","title":"Type a link, image, line, equation or emoji in markdown","tags":["markdown","typing","shortcuts","emoji","autocomplete","link","image","horizontal rule","equation"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1411
+
1412
+ | Type | You get |
1413
+ | ----------------------------------------------------- | ----------------------------------------------------------- |
1414
+ | `[text](https://example.com)` | a link on "text", made when you type the closing `)` |
1415
+ | `![description](https://example.com/picture.jpg)` | that image, made when you type the closing `)` |
1416
+ | `---`, `***` or `___`, then a space, on an empty line | a horizontal rule |
1417
+ | `$x^2$` | an inline math equation, made when you type the closing `$` |
1418
+ | `:name:`, such as `:smile:`, `:heart:` or `:pray:` | that emoji, made when you type the closing `:` |
1419
+
1420
+ Emoji names use lowercase letters, digits and underscores, the same names as on GitHub (`:thumbsup:`, `:open_book:`). A name the editor does not know is left as you typed it.
1421
+
1422
+ To edit an equation afterwards, double-click it.
1423
+
1424
+ ## Typing shortcuts › Type a table row with pipes
1425
+
1426
+ <!-- chunk {"id":"ui/typing-shortcuts/type-a-table-row-with-pipes","section":"Typing shortcuts","title":"Type a table row with pipes","tags":["markdown","typing","shortcuts","emoji","autocomplete","table","pipes"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1427
+
1428
+ You can build a simple table by typing rows of cells between pipe characters:
1429
+
1430
+ 1. On a new line, type a row such as `|Name|Book|` and press `Space`. The line becomes a table with one row of two cells.
1431
+ 2. On the line straight after the table, type the next row, such as `|Moses|Exodus|`, and press `Space`. A row with the same number of cells is added to the table above.
1432
+ 3. To make a row the header row, type `|---|---|` on the line after it and press `Space`.
1433
+
1434
+ Do not type a space straight after a pipe in the middle of a row: a space typed after any `|` converts the row you have typed so far. Type `|Name|Book|` rather than `| Name | Book |`.
1435
+
1436
+ For a larger table, use **Table** on the **Insert** menu or type `/3x4` instead.
1437
+
1438
+ ## Typing shortcuts › Pick an emoji by typing a colon
1439
+
1440
+ <!-- chunk {"id":"ui/typing-shortcuts/pick-an-emoji-by-typing-a-colon","section":"Typing shortcuts","title":"Pick an emoji by typing a colon","tags":["markdown","typing","shortcuts","emoji","autocomplete","emoji picker","colon"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1441
+
1442
+ At the start of a line or after a space, type `:` followed by part of an emoji's name, such as `:pray` or `:hea`. A list of up to ten matching emoji opens, each with its name.
1443
+
1444
+ - Press `↓` and `↑` to move through the list, then `Enter` or `Tab` to insert the highlighted emoji. Or click one.
1445
+ - Press `Escape` to close the list.
1446
+ - The search matches names and tags anywhere in the word, so `:happy` finds several smiling faces.
1447
+ - A space or most punctuation closes the list; hyphens and underscores are allowed in the search.
1448
+
1449
+ If you type a complete emoji name with a closing colon, such as `:smile:`, it turns straight into the emoji.
1450
+
1451
+ For a searchable list of every emoji and special character, use **Emoji & HTML Character** on the **Insert** menu.
1452
+
1453
+ ## Typing shortcuts › Smileys that turn into emoji automatically
1454
+
1455
+ <!-- chunk {"id":"ui/typing-shortcuts/smileys-that-turn-into-emoji-automatically","section":"Typing shortcuts","title":"Smileys that turn into emoji automatically","tags":["markdown","typing","shortcuts","emoji","autocomplete","emoticon","smiley","auto replace"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1456
+
1457
+ These text smileys are replaced by emoji as soon as you finish typing them:
1458
+
1459
+ | Type | You get |
1460
+ | ---- | ------- |
1461
+ | `:)` | 🙂 |
1462
+ | `:D` | 😀 |
1463
+ | `:(` | 🙁 |
1464
+ | `<3` | ❤ |
1465
+
1466
+ The replacement happens anywhere in the text, even in the middle of a word. Only inside code blocks are the characters kept as typed.
1467
+
1468
+ ## Typing shortcuts › Accept word suggestions while typing
1469
+
1470
+ <!-- chunk {"id":"ui/typing-shortcuts/accept-word-suggestions-while-typing","section":"Typing shortcuts","title":"Accept word suggestions while typing","tags":["markdown","typing","shortcuts","emoji","autocomplete","word suggestion","predictive text"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1471
+
1472
+ When you are typing at the end of a paragraph and the word you are typing has at least four letters, the editor may suggest how it ends. After a moment, the rest of a matching English word appears in grey after the cursor, followed by **(TAB)**.
1473
+
1474
+ - Press `Tab` or `→` to accept the suggestion.
1475
+ - Keep typing to ignore it; the suggestion changes or disappears.
1476
+ - On a phone or tablet the hint reads **(SWIPE ⮕)** instead: swipe right on the note to accept.
1477
+
1478
+ Suggestions come from a built-in list of common English words. A word you started with a capital letter keeps its capital.
1479
+
1480
+ Suggestions are on by default. In apps that show the settings panel, the **Autocomplete** switch turns them off.
1481
+
1482
+ ## Typing shortcuts › Indent with the Tab key
1483
+
1484
+ <!-- chunk {"id":"ui/typing-shortcuts/indent-with-the-tab-key","section":"Typing shortcuts","title":"Indent with the Tab key","tags":["markdown","typing","shortcuts","emoji","autocomplete","tab","indent","outdent","shift+tab","nested list"],"source":"knowledge/ui/09-typing-shortcuts.md","package":"bible-note@0.5.0"} -->
1485
+
1486
+ - At the start of a paragraph or list item, `Tab` indents it one step and `Shift+Tab` moves it back out. In a list this nests the item under the one above it.
1487
+ - With several paragraphs selected, `Tab` and `Shift+Tab` indent or outdent all of them.
1488
+ - In the middle of a line, `Tab` types a tab character.
1489
+ - A paragraph can be indented at most six steps.
1490
+
1491
+ The **Indent** and **Outdent** items in the alignment menu on the toolbar, and `Ctrl+]` and `Ctrl+[` (`⌘+]` and `⌘+[` on macOS), do the same.
1492
+
1493
+ `Tab` does something else in some places:
1494
+
1495
+ - in a table it moves to the next cell (`Shift+Tab` to the previous one);
1496
+ - in the `/`, emoji and mention menus it inserts the highlighted item;
1497
+ - while a grey word suggestion is showing it accepts the suggestion.
1498
+
1499
+ Because `Tab` is used for indenting, it does not move the keyboard focus out of the note.
1500
+
1501
+ ## Keyboard shortcuts › Keyboard shortcuts for formatting and editing
1502
+
1503
+ <!-- chunk {"id":"ui/keyboard-shortcuts/keyboard-shortcuts-for-formatting-and-editing","section":"Keyboard shortcuts","title":"Keyboard shortcuts for formatting and editing","tags":["keyboard","shortcuts","hotkeys","keys","shortcut list","ctrl","cmd"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1504
+
1505
+ Press these while the cursor is in the note. On macOS, ⌘ is the Command key, Opt is the Option key and ⌃ is the Control key.
1506
+
1507
+ | Action | Windows / Linux | macOS |
1508
+ | --- | --- | --- |
1509
+ | Normal text (paragraph) | `Ctrl+Alt+0` | `⌘+Opt+0` |
1510
+ | Heading 1 | `Ctrl+Alt+1` | `⌘+Opt+1` |
1511
+ | Heading 2 | `Ctrl+Alt+2` | `⌘+Opt+2` |
1512
+ | Heading 3 | `Ctrl+Alt+3` | `⌘+Opt+3` |
1513
+ | Numbered list | `Ctrl+Shift+7` | `⌘+Shift+7` |
1514
+ | Bullet list | `Ctrl+Shift+8` | `⌘+Shift+8` |
1515
+ | Check list | `Ctrl+Shift+9` | `⌘+Shift+9` |
1516
+ | Code block | `Ctrl+Alt+C` | `⌘+Opt+C` |
1517
+ | Quote block | `Ctrl+Shift+Q` | `⌃+Shift+Q` |
1518
+ | Add a comment | `Ctrl+Alt+M` | `⌘+Opt+M` |
1519
+ | Increase font size | `Ctrl+Shift+.` | `⌘+Shift+.` |
1520
+ | Decrease font size | `Ctrl+Shift+,` | `⌘+Shift+,` |
1521
+ | Inline code | `Ctrl+Shift+C` | `⌘+Shift+C` |
1522
+ | Strikethrough | `Ctrl+Shift+X` | `⌘+Shift+X` |
1523
+ | Lowercase text | `Ctrl+Shift+1` | `⌃+Shift+1` |
1524
+ | Uppercase text | `Ctrl+Shift+2` | `⌃+Shift+2` |
1525
+ | Capitalize text | `Ctrl+Shift+3` | `⌃+Shift+3` |
1526
+ | Center align | `Ctrl+Shift+E` | `⌘+Shift+E` |
1527
+ | Justify align | `Ctrl+Shift+J` | `⌘+Shift+J` |
1528
+ | Left align | `Ctrl+Shift+L` | `⌘+Shift+L` |
1529
+ | Right align | `Ctrl+Shift+R` | `⌘+Shift+R` |
1530
+ | Subscript | `Ctrl+,` | `⌘+,` |
1531
+ | Superscript | `Ctrl+.` | `⌘+.` |
1532
+ | Indent | `Ctrl+]` | `⌘+]` |
1533
+ | Outdent | `Ctrl+[` | `⌘+[` |
1534
+ | Clear formatting | `Ctrl+\` | `⌘+\` |
1535
+ | Redo | `Ctrl+Y` | `⌘+Shift+Z` |
1536
+ | Undo | `Ctrl+Z` | `⌘+Z` |
1537
+ | Bold | `Ctrl+B` | `⌘+B` |
1538
+ | Italic | `Ctrl+I` | `⌘+I` |
1539
+ | Underline | `Ctrl+U` | `⌘+U` |
1540
+ | Insert a link (removes it inside a link) | `Ctrl+K` | `⌘+K` |
1541
+ | Find in the note | `Ctrl+F` | `⌘+F` |
1542
+
1543
+ With text selected, `Ctrl+K` (`⌘+K`) makes a link and opens the link box; with the cursor inside an existing link it removes the link. Many of these shortcuts are also shown next to their items in the toolbar menus, and in the tooltips of the toolbar buttons.
1544
+
1545
+ ## Keyboard shortcuts › Find text in a note with the keyboard
1546
+
1547
+ <!-- chunk {"id":"ui/keyboard-shortcuts/find-text-in-a-note-with-the-keyboard","section":"Keyboard shortcuts","title":"Find text in a note with the keyboard","tags":["keyboard","shortcuts","hotkeys","keys","find","search","ctrl+f","f3","find next"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1548
+
1549
+ - `Ctrl+F` (`⌘+F` on macOS) opens the **Find in note** bar at the top of the note, or moves back into it when it is already open. Text you have selected (one line, up to 120 characters) is filled in as the search.
1550
+ - Type in the bar: every match is highlighted and a counter such as **2/7** shows which match you are on. The search starts from the cursor position.
1551
+ - `Enter` goes to the next match and `Shift+Enter` to the previous one.
1552
+ - `F3` or `Ctrl+G` (`⌘+G`) goes to the next match, and `Shift+F3` or `Ctrl+Shift+G` (`⌘+Shift+G`) to the previous one. These work while the find bar is open, even while you type in the note.
1553
+ - **Match case** (**Aa**) and **Match whole word** (**ab**) narrow the search.
1554
+ - `Escape` in the bar, or its close button (**Close (Esc)**), closes it and leaves the cursor on the match you were looking at.
1555
+
1556
+ The **Find in note** button in the footer's **View options** menu (three vertical dots) opens the same bar.
1557
+
1558
+ ## Keyboard shortcuts › Switch to full view with F5
1559
+
1560
+ <!-- chunk {"id":"ui/keyboard-shortcuts/switch-to-full-view-with-f5","section":"Keyboard shortcuts","title":"Switch to full view with F5","tags":["keyboard","shortcuts","hotkeys","keys","full view","f5","distraction free","hide toolbar"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1561
+
1562
+ Press `F5` to switch full view on or off. Full view hides the toolbar and the footer so the note uses the whole editor area:
1563
+
1564
+ - Move the pointer to the top edge of the editor to bring the toolbar back while you need it, and to the bottom edge for the footer.
1565
+ - Press `F5` again to leave full view.
1566
+
1567
+ While the editor is open, `F5` is used for full view, so it does not reload the page.
1568
+
1569
+ The **Toggle full view (F5)** button in the footer's **View options** menu (three vertical dots) does the same.
1570
+
1571
+ ## Keyboard shortcuts › Zoom the note with Ctrl and the mouse wheel, or a pinch
1572
+
1573
+ <!-- chunk {"id":"ui/keyboard-shortcuts/zoom-the-note-with-ctrl-and-the-mouse-wheel-or-a-pinch","section":"Keyboard shortcuts","title":"Zoom the note with Ctrl and the mouse wheel, or a pinch","tags":["keyboard","shortcuts","hotkeys","keys","zoom","ctrl+scroll","pinch","magnify","zoom in","zoom out"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1574
+
1575
+ - **Mouse** — hold `Ctrl` and turn the wheel over the note: forward zooms in, backward zooms out, 3% per step. Use `Ctrl` on macOS too; `⌘` with the wheel does not zoom the note.
1576
+ - **Trackpad or touch screen** — pinch with two fingers to zoom in or out.
1577
+
1578
+ The zoom centres on the pointer or between your fingers, and goes from 50% to 500%. It changes how big the note looks, not the size of the text in it.
1579
+
1580
+ The footer shows the zoom level, with **Zoom out** (**−**) and **Zoom in** (**+**) buttons and an **Editor zoom** slider. In the footer's **View options** menu (three vertical dots), **Reset zoom** goes back to 100%. With a paper page size chosen, **Fit page width** and **Fit page height** are there as well.
1581
+
1582
+ While the Excalidraw drawing editor is open, or the pointer is over a drawing, `Ctrl` with the wheel and pinching do not zoom the note.
1583
+
1584
+ ## Keyboard shortcuts › Keys in the slash, emoji and mention menus
1585
+
1586
+ <!-- chunk {"id":"ui/keyboard-shortcuts/keys-in-the-slash-emoji-and-mention-menus","section":"Keyboard shortcuts","title":"Keys in the slash, emoji and mention menus","tags":["keyboard","shortcuts","hotkeys","keys","typeahead","slash menu keys","emoji keys","mention keys","autocomplete menu"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1587
+
1588
+ Several menus open at the cursor as you type a trigger character:
1589
+
1590
+ - `/` — the menu for inserting blocks;
1591
+ - `:` — emoji;
1592
+ - `@` — people, `#` — places, `^` — Bible verses (the mention menus).
1593
+
1594
+ In all of them:
1595
+
1596
+ - Keep typing to narrow the list.
1597
+ - `↓` and `↑` move the highlight; the list wraps round from the bottom to the top. The first item is highlighted when the menu opens.
1598
+ - `Enter` or `Tab` inserts the highlighted item. You can also click an item.
1599
+ - `Escape` closes the menu and keeps what you typed.
1600
+ - `Shift+Enter` is not used by the menu; it starts a new line as usual.
1601
+
1602
+ ## Keyboard shortcuts › Keys in toolbar menus and dialogs
1603
+
1604
+ <!-- chunk {"id":"ui/keyboard-shortcuts/keys-in-toolbar-menus-and-dialogs","section":"Keyboard shortcuts","title":"Keys in toolbar menus and dialogs","tags":["keyboard","shortcuts","hotkeys","keys","dropdown keys","dialog keys","escape"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1605
+
1606
+ - **Toolbar menus** (block type, font, **⋯**, **Insert**, alignment) — once a menu is open, `↓` and `↑` move between its items and `Enter` chooses one. `Escape` or `Tab` closes the menu and puts the focus back on its button.
1607
+ - **Dialogs** such as **Insert Table** or **Insert Media** — `Escape` or the close button in the corner closes the dialog without inserting anything.
1608
+ - **Link box** — `Enter` saves the address you typed and `Escape` cancels.
1609
+ - **Date calendar** — `Escape` closes it.
1610
+ - **Images, drawings and other objects** — click one to select it, then `Backspace` or `Delete` removes it.
1611
+
1612
+ ## Keyboard shortcuts › Page Up and Page Down with a paper page size
1613
+
1614
+ <!-- chunk {"id":"ui/keyboard-shortcuts/page-up-and-page-down-with-a-paper-page-size","section":"Keyboard shortcuts","title":"Page Up and Page Down with a paper page size","tags":["keyboard","shortcuts","hotkeys","keys","page down","page up","paper","page size","a4","letter"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1615
+
1616
+ When the note uses a paper page size — chosen with the **Page size** menu in the footer, for example **A4** or **Letter** rather than **Web view** — `Page Down` and `Page Up` scroll the note exactly one page down or up, so the top of a page lines up with the top of the view.
1617
+
1618
+ This only happens while the cursor is in the note and no other key (such as `Shift` or `Ctrl`) is held. With **Web view**, the keys scroll as usual.
1619
+
1620
+ ## Keyboard shortcuts › Shortcut keys for the app's own footer buttons
1621
+
1622
+ <!-- chunk {"id":"ui/keyboard-shortcuts/shortcut-keys-for-the-apps-own-footer-buttons","section":"Keyboard shortcuts","title":"Shortcut keys for the app's own footer buttons","tags":["keyboard","shortcuts","hotkeys","keys","footer buttons","custom shortcuts","host app"],"source":"knowledge/ui/10-keyboard-shortcuts.md","package":"bible-note@0.5.0"} -->
1623
+
1624
+ The app that hosts the editor can add its own buttons to the editor's footer and give each one a shortcut key, such as `Ctrl+Shift+K`. The shortcut is shown in brackets in the button's tooltip, and pressing it works like clicking the button, from anywhere on the page.
1625
+
1626
+ Which buttons and shortcuts there are depends on the app; they are not part of the editor itself. Hover over a footer button to see whether it has a shortcut.
1627
+
1628
+ ## Find, zoom and view › Search the note with the find bar
1629
+
1630
+ <!-- chunk {"id":"ui/find-zoom-and-view/search-the-note-with-the-find-bar","section":"Find, zoom and view","title":"Search the note with the find bar","tags":["find","search","zoom","view","page size","full screen"],"source":"knowledge/ui/11-find-zoom-and-view.md","package":"bible-note@0.5.0"} -->
1631
+
1632
+ ### Open the find bar
1633
+
1634
+ Press `Ctrl+F` on Windows and Linux, or `⌘+F` on macOS. You can also point at the footer, open **View options** (⋮) and click **Find in note** (the magnifier). The find bar appears at the top of the writing area, just under the toolbar, with the cursor in its **Find in note** box.
1635
+
1636
+ If you select a word or short phrase before opening the find bar, it is filled in for you. Pressing `Ctrl+F` / `⌘+F` while the bar is already open selects the search box again.
1637
+
1638
+ ### Search
1639
+
1640
+ Type in the box. Every match in the note is highlighted as you type, and the current match is highlighted more strongly and scrolled into view. A counter such as **3/12** shows which match you are on and how many there are. **0/0** means nothing matched.
1641
+
1642
+ - **Aa** (**Match case**) finds only matches with the same capital and small letters.
1643
+ - **ab** (**Match whole word**) skips matches that are part of a longer word.
1644
+
1645
+ ### Go to the next or previous match
1646
+
1647
+ | Go to | Keys |
1648
+ | -------------- | ------------------------------------------------------------------------------------- |
1649
+ | Next match | `Enter` in the search box, `F3`, or `Ctrl+G` (`⌘+G` on macOS) |
1650
+ | Previous match | `Shift+Enter` in the search box, `Shift+F3`, or `Ctrl+Shift+G` (`⌘+Shift+G` on macOS) |
1651
+
1652
+ The up and down arrow buttons (**Previous match**, **Next match**) do the same. After the last match the search wraps round to the first. `F3` and `Ctrl+G` work only while the find bar is open.
1653
+
1654
+ ### Close the find bar
1655
+
1656
+ Press `Esc` in the search box or click × (**Close**). The text cursor is left on the match you were looking at.
1657
+
1658
+ ### What is searched
1659
+
1660
+ The find bar searches the note's own text, including headings, lists and tables. It does not search inside sticky notes, comments, or pictures, drawings and other embedded items. A match never runs across two paragraphs.
1661
+
1662
+ ## Find, zoom and view › Zoom the note in and out
1663
+
1664
+ <!-- chunk {"id":"ui/find-zoom-and-view/zoom-the-note-in-and-out","section":"Find, zoom and view","title":"Zoom the note in and out","tags":["find","search","zoom","view","page size","full screen"],"source":"knowledge/ui/11-find-zoom-and-view.md","package":"bible-note@0.5.0"} -->
1665
+
1666
+ Zoom makes the writing area bigger or smaller. The toolbar and footer stay the same size. The zoom controls sit at the left end of the footer bar:
1667
+
1668
+ - **Zoom out** (−) and **Zoom in** (+) change the zoom one percent per click.
1669
+ - Drag the **Editor zoom** slider for bigger jumps.
1670
+ - The number beside them, such as **100%**, shows the current zoom.
1671
+
1672
+ Zoom goes from 50% to 500%.
1673
+
1674
+ ### Zoom with the mouse or touch
1675
+
1676
+ - Hold `Ctrl` and turn the mouse wheel over the note. Use `Ctrl` on macOS too, not `⌘`. Each notch changes the zoom by 3%, and the note zooms around the mouse pointer.
1677
+ - On a touch screen, pinch with two fingers over the note.
1678
+
1679
+ Over an Excalidraw drawing, the wheel and pinch zoom the drawing instead of the note.
1680
+
1681
+ ### Go back to 100%
1682
+
1683
+ Point at the footer, open **View options** (⋮) and click **Reset zoom** (the circular arrow). The button is greyed out when the zoom is already 100%.
1684
+
1685
+ The editor remembers the zoom level the next time it opens.
1686
+
1687
+ ## Find, zoom and view › Use the View options menu
1688
+
1689
+ <!-- chunk {"id":"ui/find-zoom-and-view/use-the-view-options-menu","section":"Find, zoom and view","title":"Use the View options menu","tags":["find","search","zoom","view","page size","full screen"],"source":"knowledge/ui/11-find-zoom-and-view.md","package":"bible-note@0.5.0"} -->
1690
+
1691
+ **View options** is the ⋮ button just to the right of the zoom percentage in the footer bar. It stays faint until you point at the footer. Pointing at it, or reaching it with the `Tab` key, opens a small row of buttons:
1692
+
1693
+ - **Find in note** (magnifier) opens the find bar, the same as `Ctrl+F` (`⌘+F` on macOS).
1694
+ - **Reset zoom** (circular arrow) returns the zoom to 100%. It is greyed out when the zoom is already 100%.
1695
+ - **Toggle full view (F5)** (square) hides the toolbar and footer so that the note fills the editor. The square turns green while full view is on.
1696
+ - **Fit page width** (left-right arrow) zooms so that one whole page width fits the window.
1697
+ - **Fit page height** (up-down arrow) zooms so that one whole page height fits the window.
1698
+
1699
+ **Fit page width** and **Fit page height** only appear when a paper page size, such as A4 or Letter, is chosen in the **Page size** list. They are not there in **Web view**.
1700
+
1701
+ ## Find, zoom and view › Preview the note on a paper page size
1702
+
1703
+ <!-- chunk {"id":"ui/find-zoom-and-view/preview-the-note-on-a-paper-page-size","section":"Find, zoom and view","title":"Preview the note on a paper page size","tags":["find","search","zoom","view","page size","full screen"],"source":"knowledge/ui/11-find-zoom-and-view.md","package":"bible-note@0.5.0"} -->
1704
+
1705
+ The **Page size** list in the footer bar (next to a page icon) changes how the note is laid out on screen. It starts on **Web view**, where the text fills the width of the editor.
1706
+
1707
+ Choose a paper size to see the note as a sheet of paper that size, on a grey background, with a thin line where each page ends. The sheet grows a page at a time as you write.
1708
+
1709
+ The page sizes are:
1710
+
1711
+ - **Web view** (no paper)
1712
+ - **A4** and **A4 landscape**
1713
+ - **A5** and **A5 landscape**
1714
+ - **A3** and **A3 landscape**
1715
+ - **Letter** and **Letter landscape**
1716
+ - **Legal** and **Legal landscape**
1717
+ - **Tabloid** and **Tabloid landscape**
1718
+ - **1024x768** and **1280x720**, landscape slide-shaped pages
1719
+
1720
+ The last entry, **Full Screen**, is not a page size. It makes the editor fill the whole screen.
1721
+
1722
+ The chosen page size is remembered. It is also used when you **Print** and when you **Download Word Document**; a Word file made from **Web view** uses Letter paper.
1723
+
1724
+ With a paper size chosen, **View options** (⋮) also offers **Fit page width** and **Fit page height** to zoom the page to fit the window.
1725
+
1726
+ ## Find, zoom and view › Jump between pages with Page Up and Page Down
1727
+
1728
+ <!-- chunk {"id":"ui/find-zoom-and-view/jump-between-pages-with-page-up-and-page-down","section":"Find, zoom and view","title":"Jump between pages with Page Up and Page Down","tags":["find","search","zoom","view","page size","full screen"],"source":"knowledge/ui/11-find-zoom-and-view.md","package":"bible-note@0.5.0"} -->
1729
+
1730
+ When a paper page size such as A4 or Letter is chosen in the footer's **Page size** list, the note is shown as pages. With the text cursor in the note:
1731
+
1732
+ - `Page Down` scrolls smoothly to the top of the next page.
1733
+ - `Page Up` scrolls back to the top of the previous page.
1734
+
1735
+ The jumps line up with the page lines at any zoom level. They do not work while `Shift`, `Ctrl`, `Alt` or `⌘` is held down. In **Web view** there are no pages, so `Page Up` and `Page Down` behave normally.
1736
+
1737
+ ## Find, zoom and view › Use full view and full screen
1738
+
1739
+ <!-- chunk {"id":"ui/find-zoom-and-view/use-full-view-and-full-screen","section":"Find, zoom and view","title":"Use full view and full screen","tags":["find","search","zoom","view","page size","full screen"],"source":"knowledge/ui/11-find-zoom-and-view.md","package":"bible-note@0.5.0"} -->
1740
+
1741
+ ### Full view
1742
+
1743
+ Full view hides the toolbar and the footer bar so that the writing area gets all of the editor's space. To turn it on or off:
1744
+
1745
+ - press `F5`, or
1746
+ - point at the footer, open **View options** (⋮) and click **Toggle full view (F5)**. Its square turns green while full view is on.
1747
+
1748
+ While full view is on, move the mouse to the very top edge of the editor to bring the toolbar back, or to the very bottom edge to bring the footer back. They hide again when the mouse moves away. In this editor `F5` switches full view; it does not reload the page.
1749
+
1750
+ ### Full screen
1751
+
1752
+ Open the **Page size** list in the footer and choose **Full Screen**. The editor fills the entire screen and switches to full view at the same time. The page size itself does not change.
1753
+
1754
+ To leave full screen, press `Esc`. Full view ends at the same time.
1755
+
1756
+ ## Import, export and print › Find the import, export and print buttons
1757
+
1758
+ <!-- chunk {"id":"ui/import-export-and-print/find-the-import-export-and-print-buttons","section":"Import, export and print","title":"Find the import, export and print buttons","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1759
+
1760
+ The file buttons are in the footer bar at the bottom of the editor, as icons. Point at one to see its name:
1761
+
1762
+ - **Import Word Document** opens a `.docx` file in the editor.
1763
+ - **Download Word Document** saves the note as a `.docx` file.
1764
+ - **Print** prints the note.
1765
+ - **Page size** is the paper size used for printing and for Word files.
1766
+ - **Clear** empties the whole note.
1767
+ - **Share as Link** turns the note into a web link.
1768
+ - **Convert From Markdown** switches the note to or from Markdown text.
1769
+ - **Import** loads a BibleNote backup file.
1770
+ - **Export** saves a BibleNote backup file.
1771
+ - **Editor Information** shows the editor's version.
1772
+
1773
+ Not every app shows every button:
1774
+
1775
+ - **Share as Link** and **Convert From Markdown** appear only when the editor runs in a web browser. A desktop app hides them.
1776
+ - In a compact footer, **Import**, **Export** and **Editor Information** are moved into a **More actions** (⋯) menu.
1777
+ - The app the editor runs in can add its own buttons before and after the built-in ones. What those buttons do, and their keyboard shortcuts, vary from app to app; point at one to read its tooltip.
1778
+
1779
+ How files are opened and saved depends on the app. In a web browser you pick files with the browser's file picker, and saved files go to your downloads. In a desktop app, the system's own Open and Save dialogs appear.
1780
+
1781
+ ## Import, export and print › Save the note as a Word document
1782
+
1783
+ <!-- chunk {"id":"ui/import-export-and-print/save-the-note-as-a-word-document","section":"Import, export and print","title":"Save the note as a Word document","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1784
+
1785
+ Click **Download Word Document** in the footer bar. The editor creates a Microsoft Word file named like "BibleNote 2026-05-09T09-30-00-000Z.docx". In a web browser it is downloaded; in a desktop app a Save dialog lets you choose where it goes.
1786
+
1787
+ The Word file uses the paper size chosen in the footer's **Page size** list; with **Web view** it uses Letter.
1788
+
1789
+ What the Word file contains:
1790
+
1791
+ - The note's text, headings, emphasis, lists, tables, links and images.
1792
+ - A **References** section after the note. Every person, place and Bible-verse mention links to its entry there, with the details its hover card would show, such as the description, family, places and verse text.
1793
+ - Equations as editable Word equations.
1794
+ - Sticky notes, drawings and embedded items as pictures.
1795
+ - Checklists, collapsible sections, column layouts, highlights and code blocks rewritten into forms Word can show.
1796
+
1797
+ The file also carries a hidden copy of the BibleNote note. This lets **Import Word Document** restore it exactly later, as long as the file has not been edited and saved in Word.
1798
+
1799
+ If something goes wrong, a "Word export failed" message explains why.
1800
+
1801
+ ## Import, export and print › Open a Word document in the editor
1802
+
1803
+ <!-- chunk {"id":"ui/import-export-and-print/open-a-word-document-in-the-editor","section":"Import, export and print","title":"Open a Word document in the editor","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1804
+
1805
+ Click **Import Word Document** in the footer bar and choose a `.docx` file. Older `.doc` files are not supported.
1806
+
1807
+ **The imported document replaces everything in the current note.** Use **Export** or **Download Word Document** first if you want to keep the current note.
1808
+
1809
+ A "Word document imported" message then says which kind of import happened:
1810
+
1811
+ - **Exact restore.** For a file made with **Download Word Document** that has not been changed in Word, the message says the document was restored from its BibleNote round-trip data. Everything comes back as it was, including mentions, sticky notes and other editor-only content. The **References** section is left out.
1812
+ - **Word content import.** For a file from another program, or one edited and saved in Word, the text, headings, emphasis, lists, tables, links and embedded images are brought in as editable content. Word-only layout details may be simplified.
1813
+
1814
+ If parts of the file could not be converted, the message lists them under "import warnings". Click **Done** to close it.
1815
+
1816
+ If the file cannot be read, a "Word import failed" message explains why. For example, the file may not be a valid `.docx` document, or it may contain nothing that can be imported.
1817
+
1818
+ ## Import, export and print › Back up or restore a note with Export and Import
1819
+
1820
+ <!-- chunk {"id":"ui/import-export-and-print/back-up-or-restore-a-note-with-export-and-import","section":"Import, export and print","title":"Back up or restore a note with Export and Import","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1821
+
1822
+ **Export** and **Import** are the lossless way to save and reload a note. The backup file keeps everything in the note exactly, including mentions, sticky notes, drawings, tables and formatting.
1823
+
1824
+ ### Make a backup
1825
+
1826
+ Click **Export** (download arrow) in the footer bar. The editor saves a file named like "BibleNote 2026-05-09T09-30-00-000Z.lexical". In a web browser it goes to your downloads; in a desktop app a Save dialog lets you choose where.
1827
+
1828
+ ### Restore a backup
1829
+
1830
+ Click **Import** (upload arrow) and choose a `.lexical` file. **The file replaces everything in the current note**, and the undo history is cleared, so this cannot be undone with **Undo**. If the file cannot be opened, an "Import failed" message explains why.
1831
+
1832
+ Comment threads are kept separately from the note, so the comments panel is not part of a backup file.
1833
+
1834
+ In a compact footer, **Import** and **Export** are inside the **More actions** (⋯) menu.
1835
+
1836
+ ## Import, export and print › Print the note
1837
+
1838
+ <!-- chunk {"id":"ui/import-export-and-print/print-the-note","section":"Import, export and print","title":"Print the note","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1839
+
1840
+ Click **Print** (printer icon) in the footer bar. Your system's print dialog opens with the note laid out for printing:
1841
+
1842
+ - The page size is the one chosen in the footer's **Page size** list. **Web view** uses the printer's default paper.
1843
+ - The printout always uses dark text on a white page, even when the editor is in dark mode.
1844
+ - A page break inserted in the note starts a new printed page.
1845
+ - On-screen controls, such as sticky-note buttons and resize handles, are left out.
1846
+
1847
+ Some apps handle printing themselves. In that case **Print** may open the app's own print feature instead.
1848
+
1849
+ ## Import, export and print › Clear the whole note
1850
+
1851
+ <!-- chunk {"id":"ui/import-export-and-print/clear-the-whole-note","section":"Import, export and print","title":"Clear the whole note","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1852
+
1853
+ Click **Clear** (eraser icon) in the footer bar. A "Clear editor" dialog asks "Are you sure you want to clear the editor?".
1854
+
1855
+ - **Clear** empties the note: all text, sticky notes and everything else in it.
1856
+ - **Cancel** leaves the note as it is.
1857
+
1858
+ **Clear** is greyed out when the note is already empty. It still works while read-only mode is on.
1859
+
1860
+ If you clear by mistake, use **Undo** straight away (`Ctrl+Z`, or `⌘+Z` on macOS) to bring the note back. The undo history is lost when the editor is closed.
1861
+
1862
+ ## Import, export and print › Share a note as a link
1863
+
1864
+ <!-- chunk {"id":"ui/import-export-and-print/share-a-note-as-a-link","section":"Import, export and print","title":"Share a note as a link","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1865
+
1866
+ **Share as Link** appears in the footer only when the editor runs in a web browser. Desktop apps hide it.
1867
+
1868
+ 1. Click **Share as Link** (chain-link icon). The "Share as link" dialog opens with a link that contains the whole note.
1869
+ 2. To protect the link, tick **Password protect link**, then type the same password in **Password** and **Confirm password**. The link is created once both match.
1870
+ 3. Click **Copy link**. The button shows **Copied** when it worked. Then click **Close**.
1871
+
1872
+ Very long notes make very long links. Above 8,000 characters the dialog warns that the link may be too long for some apps or browsers, but it can still be copied.
1873
+
1874
+ Whoever opens the link sees the shared note in the editor. A password-protected link first asks for the password, and asks again if it is wrong. **Opening a shared link replaces the note stored in that browser**, so the person opening it should back up their own note first with **Export**.
1875
+
1876
+ ## Import, export and print › Convert a note from or to Markdown
1877
+
1878
+ <!-- chunk {"id":"ui/import-export-and-print/convert-a-note-from-or-to-markdown","section":"Import, export and print","title":"Convert a note from or to Markdown","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1879
+
1880
+ **Convert From Markdown** appears in the footer only when the editor runs in a web browser. Desktop apps hide it. It works in both directions.
1881
+
1882
+ - **Note to Markdown:** click the button and the whole note is replaced by its Markdown source, shown in a single Markdown code block. You can copy or edit that text there.
1883
+ - **Markdown to note:** when the note starts with a Markdown code block, click the button again. The Markdown is turned back into a formatted note, with headings, lists, bold and so on.
1884
+
1885
+ To format Markdown you already have, start from an empty note: click **Convert From Markdown** once to get an empty Markdown code block with the cursor in it, paste your Markdown, then click the button again.
1886
+
1887
+ The **Preserve newlines in Markdown** setting, in the settings panel where the app provides one, keeps blank lines and line breaks during the conversion.
1888
+
1889
+ ## Import, export and print › Use the More actions menu and Editor Information
1890
+
1891
+ <!-- chunk {"id":"ui/import-export-and-print/use-the-more-actions-menu-and-editor-information","section":"Import, export and print","title":"Use the More actions menu and Editor Information","tags":["import","export","word","docx","print","backup","share"],"source":"knowledge/ui/12-import-export-and-print.md","package":"bible-note@0.5.0"} -->
1892
+
1893
+ ### More actions
1894
+
1895
+ Some apps use a compact footer. There, **Import**, **Export** and **Editor Information** do not appear as separate buttons; they are grouped under the **More actions** (⋯) button near the right end of the footer bar.
1896
+
1897
+ Click **More actions** to open the menu, then choose **Import**, **Export** or **Editor Information**. The menu closes when you choose an item, click anywhere else, or press `Esc`.
1898
+
1899
+ ### Editor Information
1900
+
1901
+ Click **Editor Information** (the ⓘ button, or the menu item in a compact footer). The "Editor information" dialog shows the **Editor package** name and the **Editor version** number. Have the version ready when you report a problem.
1902
+
1903
+ ## Comments › Open and close the comments panel
1904
+
1905
+ <!-- chunk {"id":"ui/comments/open-and-close-the-comments-panel","section":"Comments","title":"Open and close the comments panel","tags":["comments","review","annotations"],"source":"knowledge/ui/13-comments.md","package":"bible-note@0.5.0"} -->
1906
+
1907
+ Click the speech-bubble button in the footer bar. Its tooltip reads **Show Comments** while the panel is closed and **Hide Comments** while it is open. The **Comments** panel opens at the right-hand side of the editor. It lists every comment thread in the note, or says **No Comments** when there are none.
1908
+
1909
+ To close the panel, click the footer button again or click × (**Close comments**) at the top of the panel.
1910
+
1911
+ The comments panel and the lookup panel open in the same place. When both are open, the one you used last is on top. If the comments panel is open but hidden behind the lookup panel, the first click on the speech-bubble button brings it to the front; the next click closes it.
1912
+
1913
+ The panel also opens by itself when you click inside commented text.
1914
+
1915
+ The editor remembers whether the comments panel was open and opens it the same way next time.
1916
+
1917
+ ## Comments › Add a comment to selected text
1918
+
1919
+ <!-- chunk {"id":"ui/comments/add-a-comment-to-selected-text","section":"Comments","title":"Add a comment to selected text","tags":["comments","review","annotations"],"source":"knowledge/ui/13-comments.md","package":"bible-note@0.5.0"} -->
1920
+
1921
+ 1. Select the words you want to comment on.
1922
+ 2. Click **Insert comment** (speech-bubble icon) in the small formatting toolbar that appears above the selection. You can also press `Ctrl+Alt+M` on Windows and Linux, or `⌘+Opt+M` on macOS.
1923
+ 3. A comment box appears under the selection, and the selected words are shaded yellow. Type your comment in the box; it shows "Type a comment..." until you start.
1924
+ 4. Click **Comment**, or press `Ctrl+Enter` (`⌘+Enter` on macOS). **Comment** stays greyed out until you type something.
1925
+
1926
+ To give up, click **Cancel** or press `Esc`.
1927
+
1928
+ The commented words stay highlighted in the note, and a new thread appears in the **Comments** panel. The thread shows the commented words as a quote, cut short with "…" if longer than 100 characters, then your comment.
1929
+
1930
+ Every comment is labelled **Commented** with its date and time. Comments are kept only in this editor, so there are no user names.
1931
+
1932
+ Commenting needs the toolbar, so it is not available while the **Rich Text** setting is off.
1933
+
1934
+ ## Comments › See which text a comment belongs to
1935
+
1936
+ <!-- chunk {"id":"ui/comments/see-which-text-a-comment-belongs-to","section":"Comments","title":"See which text a comment belongs to","tags":["comments","review","annotations"],"source":"knowledge/ui/13-comments.md","package":"bible-note@0.5.0"} -->
1937
+
1938
+ Commented text is shown with a pale yellow background and a yellow line underneath. Where two comments cover the same words, the yellow is stronger.
1939
+
1940
+ - **From the note to the comment:** click inside highlighted text. The **Comments** panel opens if it was closed, the matching thread is marked in the panel, and the highlight in the note turns a deeper yellow.
1941
+ - **From the comment to the note:** click a thread in the **Comments** panel. The text cursor moves to the start of the highlighted words.
1942
+
1943
+ If you delete all of the commented text from the note, the thread stays in the **Comments** panel, but clicking it no longer jumps anywhere.
1944
+
1945
+ ## Comments › Reply to a comment
1946
+
1947
+ <!-- chunk {"id":"ui/comments/reply-to-a-comment","section":"Comments","title":"Reply to a comment","tags":["comments","review","annotations"],"source":"knowledge/ui/13-comments.md","package":"bible-note@0.5.0"} -->
1948
+
1949
+ Each thread in the **Comments** panel ends with a "Reply to comment..." box.
1950
+
1951
+ 1. Open the **Comments** panel with the speech-bubble button in the footer bar.
1952
+ 2. Click the "Reply to comment..." box under the thread you want.
1953
+ 3. Type your reply.
1954
+ 4. Click the send button (pin icon) at the right of the box, or press `Ctrl+Enter` (`⌘+Enter` on macOS).
1955
+
1956
+ The reply is added to the end of the thread with the label **Commented** and its date and time, and the box empties for the next reply. The send button stays greyed out while the box is empty.
1957
+
1958
+ ## Comments › Delete a comment or a whole thread
1959
+
1960
+ <!-- chunk {"id":"ui/comments/delete-a-comment-or-a-whole-thread","section":"Comments","title":"Delete a comment or a whole thread","tags":["comments","review","annotations"],"source":"knowledge/ui/13-comments.md","package":"bible-note@0.5.0"} -->
1961
+
1962
+ Delete buttons (trash-can icons) appear in the **Comments** panel when you point at a thread or a comment.
1963
+
1964
+ ### Delete a single comment
1965
+
1966
+ Point at the comment and click its trash can. A "Delete Comment" dialog asks "Are you sure you want to delete this comment?". Click **Delete** to confirm or **Cancel** to keep it.
1967
+
1968
+ The comment's text is replaced by **[Deleted Comment]**. The rest of the thread, and the highlight in the note, stay.
1969
+
1970
+ ### Delete a whole thread
1971
+
1972
+ Point at the quoted text at the top of the thread and click the trash can next to it. A "Delete Thread" dialog asks "Are you sure you want to delete this thread?". Click **Delete** to confirm.
1973
+
1974
+ The thread and all its replies leave the panel, and the yellow highlight is removed from the note. The words themselves stay in the note.
1975
+
1976
+ ## Comments › Are comments saved?
1977
+
1978
+ <!-- chunk {"id":"ui/comments/are-comments-saved","section":"Comments","title":"Are comments saved?","tags":["comments","review","annotations"],"source":"knowledge/ui/13-comments.md","package":"bible-note@0.5.0"} -->
1979
+
1980
+ Yes. The BibleNote editor saves comments automatically, together with its other data: the thread list, every reply, and whether the **Comments** panel is open. They are still there when you close and reopen the editor. Where they are stored depends on the app; in a web browser they are kept in that browser on this device.
1981
+
1982
+ Keep these points in mind:
1983
+
1984
+ - Comment threads are stored separately from the note's text. **Export** saves the note, including where the highlights are, but not the comment threads, so comments do not travel with a backup file.
1985
+ - **Reset to Defaults** in the settings panel deletes all comments along with the note.
1986
+
1987
+ ## Settings › Open the settings panel
1988
+
1989
+ <!-- chunk {"id":"ui/settings/open-the-settings-panel","section":"Settings","title":"Open the settings panel","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
1990
+
1991
+ The settings panel is opened with a round gear button, usually near the bottom-left corner of the window, just above the footer bar. Click the gear to open the panel; it turns red while the panel is open. Click it again to close the panel.
1992
+
1993
+ The settings panel only exists when the app the editor runs in provides it. If you see no gear button, the app does not offer these settings; look for similar options in the app's own menus.
1994
+
1995
+ The panel is a list of on/off switches with a **Reset to Defaults** button at the bottom. A switch takes effect as soon as you click it; there is no Save button.
1996
+
1997
+ The editor remembers your settings and uses them the next time it opens. Where they are stored depends on the app; in a web browser they are kept in that browser on this device. The paper size chosen in the footer's **Page size** list is remembered the same way.
1998
+
1999
+ ## Settings › See every settings switch and its default
2000
+
2001
+ <!-- chunk {"id":"ui/settings/see-every-settings-switch-and-its-default","section":"Settings","title":"See every settings switch and its default","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
2002
+
2003
+ These are the switches in the settings panel and how each one starts out:
2004
+
2005
+ | Switch | Default |
2006
+ | --- | --- |
2007
+ | **Measure Perf** | Off |
2008
+ | **Debug View** | Off |
2009
+ | **Dark Mode** | Off |
2010
+ | **Show invisible characters** | Off |
2011
+ | **Nested Editors Debug View** | Off |
2012
+ | **Rich Text** | On |
2013
+ | **Nested Tables** | Off |
2014
+ | **Char Limit** | Off |
2015
+ | **Char Limit (UTF-8)** | Off |
2016
+ | **Link Attributes** | Off |
2017
+ | **Max Length** | Off |
2018
+ | **Autocomplete** | On |
2019
+ | **Table Of Contents** | Off |
2020
+ | **Use Lexical Context Menu** | Off |
2021
+ | **Preserve newlines in Markdown** | Off |
2022
+ | **Use Brackets for Highlighting** | Off |
2023
+ | **Retain selection** | Off |
2024
+ | **Enable Code Highlighting** | On |
2025
+ | **Use Shiki for Code Highlighting** | Off |
2026
+
2027
+ **Measure Perf**, **Debug View**, **Nested Editors Debug View**, **Char Limit**, **Char Limit (UTF-8)** and **Max Length** are developer and testing switches. Leave them off for everyday writing:
2028
+
2029
+ - **Debug View** and **Nested Editors Debug View** show the note's internal structure, for troubleshooting.
2030
+ - **Measure Perf** measures typing speed.
2031
+ - **Char Limit** and **Char Limit (UTF-8)** count characters against a test limit of only 5.
2032
+ - **Max Length** limits the whole note to 30 characters and cuts off text beyond that as you type.
2033
+
2034
+ ## Settings › Display switches: Dark Mode, invisible characters and Table Of Contents
2035
+
2036
+ <!-- chunk {"id":"ui/settings/display-switches-dark-mode-invisible-characters-and-table-of-contents","section":"Settings","title":"Display switches: Dark Mode, invisible characters and Table Of Contents","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
2037
+
2038
+ ### Dark Mode
2039
+
2040
+ Turns the editor dark: the toolbar, writing area, panels and sticky notes switch to dark colours. Turn it off to go back to light. Some apps set the appearance themselves; in those apps the switch follows the app's theme. Printing always uses light colours.
2041
+
2042
+ ### Show invisible characters
2043
+
2044
+ Shows marks for characters you normally cannot see: · for a space, → for a tab, ↵ for a line break and ¶ at the end of each paragraph. The marks are only a display aid, not part of the text. The ¶ button on the toolbar turns the same option on and off.
2045
+
2046
+ ### Table Of Contents
2047
+
2048
+ Shows a list of the note's headings beside the note. Click a heading in the list to scroll the note smoothly to it. The list updates as you add, change or remove headings.
2049
+
2050
+ ## Settings › Writing switches: Autocomplete, brackets and Retain selection
2051
+
2052
+ <!-- chunk {"id":"ui/settings/writing-switches-autocomplete-brackets-and-retain-selection","section":"Settings","title":"Writing switches: Autocomplete, brackets and Retain selection","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
2053
+
2054
+ ### Autocomplete
2055
+
2056
+ On by default. When you have typed at least four letters at the end of a word, the editor may suggest the rest of a common English word in faint text after the cursor.
2057
+
2058
+ - Press `Tab` or the right arrow key to accept the suggestion.
2059
+ - On a touch screen, swipe right to accept it.
2060
+ - To ignore it, just keep typing.
2061
+
2062
+ Turn the switch off to stop the suggestions.
2063
+
2064
+ ### Use Brackets for Highlighting
2065
+
2066
+ When this is on, typing text inside square brackets highlights it. For example, typing `[key verse]` turns into **key verse** in bold on a yellow background, and the brackets disappear. It is off by default, so brackets stay ordinary text.
2067
+
2068
+ ### Retain selection
2069
+
2070
+ Normally the selected text stops looking selected when you click somewhere else, such as a panel or a dialog. With **Retain selection** on, the selection stays visibly highlighted until you select something else.
2071
+
2072
+ ## Settings › Use the editor's own right-click menu
2073
+
2074
+ <!-- chunk {"id":"ui/settings/use-the-editors-own-right-click-menu","section":"Settings","title":"Use the editor's own right-click menu","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
2075
+
2076
+ The **Use Lexical Context Menu** switch is off by default. Right-clicking in the note then shows the usual menu of the browser or app.
2077
+
2078
+ Turn it on and right-clicking in the note shows the editor's own menu instead:
2079
+
2080
+ - **Remove Link** turns a link back into plain text. It only appears when you right-click a link.
2081
+ - **Cut**, **Copy** and **Paste** work like the usual commands.
2082
+ - **Paste as Plain Text** pastes the clipboard's text without its formatting.
2083
+ - **Delete Node** removes the whole top-level block the cursor is in, for example the whole paragraph, heading, list or table. With a picture or other embedded item selected, it removes that item.
2084
+
2085
+ **Paste** and **Paste as Plain Text** need permission to read the clipboard. If the browser or app refuses, the message "Not allowed to paste from clipboard." appears.
2086
+
2087
+ ## Settings › Code and formatting switches
2088
+
2089
+ <!-- chunk {"id":"ui/settings/code-and-formatting-switches","section":"Settings","title":"Code and formatting switches","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
2090
+
2091
+ ### Enable Code Highlighting
2092
+
2093
+ On by default. Code in a code block is coloured by its programming language. While the cursor is in a code block, a **Select language** list appears in the toolbar so that you can choose the language. Turn the switch off to show code blocks in plain colours.
2094
+
2095
+ ### Use Shiki for Code Highlighting
2096
+
2097
+ Off by default. Switches to a different code colouring engine, Shiki. It adds a **Select theme** list in the toolbar, next to the language list, for choosing a colour theme. It has no effect while **Enable Code Highlighting** is off.
2098
+
2099
+ ### Rich Text
2100
+
2101
+ On by default. Turned off, the editor becomes a plain-text editor: the toolbar disappears, the empty note shows "Enter some plain text...", and text formatting and adding comments are no longer available.
2102
+
2103
+ ### Nested Tables
2104
+
2105
+ Off by default. When on, you can insert a table inside a cell of another table.
2106
+
2107
+ ### Link Attributes
2108
+
2109
+ Off by default. When on, new links you create are set to open in a new tab or window.
2110
+
2111
+ ### Preserve newlines in Markdown
2112
+
2113
+ Off by default. When on, **Convert From Markdown** keeps blank lines and line breaks when it converts between Markdown and the formatted note.
2114
+
2115
+ ## Settings › Reset to Defaults
2116
+
2117
+ <!-- chunk {"id":"ui/settings/reset-to-defaults","section":"Settings","title":"Reset to Defaults","tags":["settings","preferences","options"],"source":"knowledge/ui/14-settings.md","package":"bible-note@0.5.0"} -->
2118
+
2119
+ **Reset to Defaults** is the button at the bottom of the settings panel. It is greyed out while every setting, including the page size, is at its default.
2120
+
2121
+ **Warning: Reset to Defaults resets more than the switches.** One click, with no confirmation:
2122
+
2123
+ - turns every switch back to its default and sets the page size back to **Web view**;
2124
+ - deletes all comments;
2125
+ - deletes the saved note and replaces it with the built-in sample study note, "Khmer BibleNote Study: Genesis 1";
2126
+ - clears the undo history, so **Undo** cannot bring the old note back.
2127
+
2128
+ Before using it, save your note with **Export** in the footer bar, then **Import** that file afterwards.
2129
+
2130
+ To change just one setting back, click its switch instead of using **Reset to Defaults**.