autumnnote 1.8.0 → 1.8.1

package/README.md

@@ -18,7 +18,7 @@ A **zero-dependency WYSIWYG rich-text editor** built with vanilla JavaScript (ES
 
 [Live Demo](https://cmm-cmm.github.io/Autumn-Note/) · [Docs](https://cmm-cmm.github.io/Autumn-Note/docs.html) · [Playground](https://cmm-cmm.github.io/Autumn-Note/playground.html)
 
-<p align="center"><img src="demo/Screenshot.png" alt="AutumnNote Screenshot"/></p>
+<p align="center"><img src="examples/Screenshot.png" alt="AutumnNote Screenshot"/></p>
 
 ---
 
@@ -406,6 +406,15 @@ See the [full Plugin API docs →](https://cmm-cmm.github.io/Autumn-Note/docs.ht
 | `editor.getHTML()` | Returns the current HTML. Zero-width spaces from the icon picker are stripped automatically. |
 | `editor.setHTML(html)` | Sets HTML content (sanitised). `<iframe>` elements are preserved. |
 | `editor.getText()` | Returns plain text with no markup. |
+| `editor.setText(text)` | Replaces the content with plain text (escaped, no markup). |
+| `editor.getMarkdown()` | Returns the current content converted to Markdown. |
+| `editor.setMarkdown(md)` | Replaces the content, converting the given Markdown to HTML. |
+| `editor.insertHTML(html)` | Inserts sanitised HTML at the current cursor position. |
+| `editor.insertText(text)` | Inserts plain text at the current cursor position. |
+| `editor.downloadHTML(filename?)` | Downloads the current content as an `.html` file (default `document.html`). |
+| `editor.downloadText(filename?)` | Downloads the current content as a `.txt` file (default `document.txt`). |
+| `editor.downloadMarkdown(filename?)` | Downloads the current content as a `.md` file (default `document.md`). |
+| `editor.print(title?)` | Opens the browser print dialog with the current content in a clean printable layout. |
 | `editor.clear()` | Clears all content, resets to an empty `<p>`. |
 | `editor.clearHistory()` | Resets the undo/redo stack. |
 | `editor.getUndoCount()` | Returns the number of available undo steps. |
@@ -414,6 +423,9 @@ See the [full Plugin API docs →](https://cmm-cmm.github.io/Autumn-Note/docs.ht
 | `editor.getCharCount()` | Returns the current character count. |
 | `editor.getTableOfContents()` | Returns an array of `{ level, text, element }` heading objects. |
 | `editor.setDisabled(bool)` | Disables (`true`) or re-enables (`false`) the editor and toolbar. |
+| `editor.focus()` | Moves keyboard focus to the editable area. |
+| `editor.blur()` | Removes keyboard focus from the editable area. |
+| `editor.isFullscreen()` | Returns `true` if the editor is currently in fullscreen mode. |
 | `editor.destroy()` | Removes the editor, disposes all modules, and restores the original element. |
 | `editor.on(event, fn)` | Subscribes to an editor event. Returns an unsubscribe function. |
 | `editor.off(event, fn)` | Removes a previously registered listener. |
@@ -665,11 +677,11 @@ src/
 │   │   ├── key.js            Keyboard key constants
 │   │   ├── lists.js          Array helpers
 │   │   ├── env.js            Browser/platform detection
-│   │   ├── markdown.js       Lightweight Markdown to HTML converter
+│   │   ├── markdown.js       Bidirectional HTML ↔ Markdown conversion (with GFM checklists)
 │   │   └── sanitise.js       DOM-based HTML and URL sanitiser
 │   ├── editing/
 │   │   ├── History.js        Undo/redo stack (configurable depth)
-│   │   ├── Style.js          execCommand style wrappers
+│   │   ├── Style.js          Formatting commands (execCommand + DOM list/checklist transitions)
 │   │   ├── Table.js          Table creation and cell manipulation
 │   │   └── Typing.js         Tab/Enter/ArrowKey behaviour and FA icon caret handling
 │   ├── module/

package/dist/autumnnote.css

@@ -22,7 +22,12 @@
 }
 .an-container.an-focused {
   border-color: var(--an-focus-color, #3b82f6);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #3b82f6) 18%, transparent);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
+}
+@supports (color: color-mix(in srgb, red, blue)) {
+  .an-container.an-focused {
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #3b82f6) 18%, transparent);
+  }
 }
 .an-container.an-disabled .an-toolbar {
   display: none;
@@ -351,6 +356,12 @@
   padding: 12px 14px;
   min-height: 0;
   outline: none;
+}
+.an-editable:focus-visible {
+  outline: 2px solid var(--an-focus-color, #3b82f6);
+  outline-offset: -2px;
+}
+.an-editable {
   line-height: 1.6;
   color: #111827;
   overflow-y: auto;
@@ -482,6 +493,18 @@
   background: #f9fafb;
   font-weight: 600;
 }
+.an-editable table th.an-sort-asc::after, .an-editable table th.an-sort-desc::after, .an-editable .an-table th.an-sort-asc::after, .an-editable .an-table th.an-sort-desc::after {
+  display: inline-block;
+  margin-left: 6px;
+  font-size: 0.7em;
+  opacity: 0.6;
+}
+.an-editable table th.an-sort-asc::after, .an-editable .an-table th.an-sort-asc::after {
+  content: "▲";
+}
+.an-editable table th.an-sort-desc::after, .an-editable .an-table th.an-sort-desc::after {
+  content: "▼";
+}
 
 .an-link-tooltip {
   position: fixed;