Die Werkzeugleiste der Notiz erscheint erst beim Schreiben

This commit is contained in:
marc committed 2026-08-31 20:09:39 +02:00
1 parent 3807ddca24
commit e2988f7ee9
2 files changed
+14 -8

No files matched your search

+3 -1
View File
@@ -247,7 +247,9 @@ schon Überschriften, Häkchen und Punkte — statt `- [ ] Milch` zu schreiben u
sich vorzustellen, wie das gleich aussieht. sich vorzustellen, wie das gleich aussieht.
Die Werkzeugleiste (Aufgabe · Aufzählung · Nummer · Überschrift · fett · Linie) Die Werkzeugleiste (Aufgabe · Aufzählung · Nummer · Überschrift · fett · Linie)
wirkt auf genau diese Zeile. Enter führt eine Liste fort und nummeriert weiter; erscheint **erst beim Schreiben** und wirkt auf genau diese Zeile — ohne offene
Zeile hätten ihre Knöpfe nichts anzufassen, und eine Notiz, die man nur liest,
soll wie ein Text aussehen und nicht wie ein Formular. Enter führt eine Liste fort und nummeriert weiter;
Enter auf einer leeren Aufzählungszeile beendet sie. Backspace am Zeilenanfang Enter auf einer leeren Aufzählungszeile beendet sie. Backspace am Zeilenanfang
nimmt erst den Aufzählungspunkt, dann erst die Zeile. Häkchen lassen sich nimmt erst den Aufzählungspunkt, dann erst die Zeile. Häkchen lassen sich
anklicken, ohne in den Text zu springen — das ist der häufigste Griff an einer anklicken, ohne in den Text zu springen — das ist der häufigste Griff an einer
+11 -7
View File
@@ -63,7 +63,6 @@ widgetAnmelden({
inhalt() { inhalt() {
if (roh) { if (roh) {
return ` return `
${werkzeuge()}
<textarea class="notiz-feld" spellcheck="false" <textarea class="notiz-feld" spellcheck="false"
placeholder="# Einkauf&#10;- [ ] Milch&#10;- [x] Brot">${escapeHtml(text)}</textarea> placeholder="# Einkauf&#10;- [ ] Milch&#10;- [x] Brot">${escapeHtml(text)}</textarea>
${fuss("fertig")}`; ${fuss("fertig")}`;
@@ -71,7 +70,11 @@ widgetAnmelden({
const koerper = text.trim() || zeile >= 0 const koerper = text.trim() || zeile >= 0
? `<div class="notiz-text">${markdown(text, zeile)}</div>` ? `<div class="notiz-text">${markdown(text, zeile)}</div>`
: `<div class="notiz-text notiz-leer"><p class="w-zustand">${LEER}</p></div>`; : `<div class="notiz-text notiz-leer"><p class="w-zustand">${LEER}</p></div>`;
return `${werkzeuge()}${koerper}${fuss("quelltext")}`; // Die Werkzeuge nur beim Schreiben: Sie wirken auf die Zeile, in der die
// Schreibmarke steht — ohne eine solche Zeile stünden sechs Knöpfe da, die
// nichts anfassen können. Und eine Notiz, die man nur liest, soll wie ein
// Text aussehen und nicht wie ein Formular.
return `${zeile >= 0 ? werkzeuge() : ""}${koerper}${fuss("quelltext")}`;
}, },
montiert(el) { montiert(el) {
@@ -138,8 +141,11 @@ widgetAnmelden({
/* ── Die kleine Werkzeugleiste ───────────────────────────────────────────── /* ── Die kleine Werkzeugleiste ─────────────────────────────────────────────
* Sechs Knöpfe, keine Auswahlfelder. Alles, was das kleine Markdown kann, und * Sechs Knöpfe, keine Auswahlfelder. Alles, was das kleine Markdown kann, und
* nichts darüber hinaus — eine Leiste mit Knöpfen für Dinge, die der Zettel * nichts darüber hinaus — eine Leiste mit Knöpfen für Dinge, die die Notiz gar
* gar nicht kennt, wäre schlimmer als keine. * nicht kennt, wäre schlimmer als keine.
*
* Sie erscheint erst, wenn man in einer Zeile steht, und verschwindet wieder,
* sobald man fertig ist.
*/ */
const KNOEPFE = [ const KNOEPFE = [
["haken", "☐", "Aufgabe"], ["haken", "☐", "Aufgabe"],
@@ -155,9 +161,7 @@ function werkzeuge() {
`<div class="notiz-werkzeuge">` + `<div class="notiz-werkzeuge">` +
KNOEPFE.map( KNOEPFE.map(
([tat, zeichen, titel]) => ([tat, zeichen, titel]) =>
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}" ${ `<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}">${zeichen}</button>`
roh ? "disabled" : ""
}>${zeichen}</button>`
).join("") + ).join("") +
`</div>` `</div>`
); );