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.
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
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
+11 -7
View File
@@ -63,7 +63,6 @@ widgetAnmelden({
inhalt() {
if (roh) {
return `
${werkzeuge()}
<textarea class="notiz-feld" spellcheck="false"
placeholder="# Einkauf&#10;- [ ] Milch&#10;- [x] Brot">${escapeHtml(text)}</textarea>
${fuss("fertig")}`;
@@ -71,7 +70,11 @@ widgetAnmelden({
const koerper = text.trim() || zeile >= 0
? `<div class="notiz-text">${markdown(text, zeile)}</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) {
@@ -138,8 +141,11 @@ widgetAnmelden({
/* ── Die kleine Werkzeugleiste ─────────────────────────────────────────────
* 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
* gar nicht kennt, wäre schlimmer als keine.
* nichts darüber hinaus — eine Leiste mit Knöpfen für Dinge, die die Notiz gar
* 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 = [
["haken", "☐", "Aufgabe"],
@@ -155,9 +161,7 @@ function werkzeuge() {
`<div class="notiz-werkzeuge">` +
KNOEPFE.map(
([tat, zeichen, titel]) =>
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}" ${
roh ? "disabled" : ""
}>${zeichen}</button>`
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}">${zeichen}</button>`
).join("") +
`</div>`
);