diff options
| author | grm <grm@eyesin.space> | 2026-09-15 22:26:13 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-15 22:26:13 +0300 |
| commit | 55732bdfc25933bab26220ccd82fe5e172d9e673 (patch) | |
| tree | b871ba453d1b55db11ff08a963a77ed343c5e117 /internal/web/templates/dashboard/section_form.html | |
| parent | 778cb72c8a0902bd0b8159ebd3bb7eff93f28c83 (diff) | |
| download | blogspace-55732bdfc25933bab26220ccd82fe5e172d9e673.tar.gz blogspace-55732bdfc25933bab26220ccd82fe5e172d9e673.tar.bz2 blogspace-55732bdfc25933bab26220ccd82fe5e172d9e673.zip | |
Give the editor a Markdown toolbar and preview, restyle the dashboard
The post/page/announcement editor was a bare textarea, so bloggers had to
know the Markdown syntax by heart. It now has a toolbar (bold, italic,
strike, heading cycle, quote, code, lists, rule, link box, insert file),
Ctrl+B/I/K, list continuation on Enter and a Write/Preview toggle that
renders the text through the same goldmark + bluemonday pipeline a save
uses (POST /b/{sub}/preview; nothing is stored). Every edit goes through
execCommand("insertText") so browser undo keeps working. The toolbar
stays hidden without JavaScript, leaving the old form untouched.
The dashboard moves from the "paper & ink" look to a lean one: neutral
surfaces, 1px borders, one blue accent, system sans, with custom
properties and flexbox/grid now allowed there (blog.css is unchanged).
Class names were kept so the templates barely change; a global [hidden]
rule keeps flex containers from overriding the hidden attribute.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/templates/dashboard/section_form.html')
| -rw-r--r-- | internal/web/templates/dashboard/section_form.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/internal/web/templates/dashboard/section_form.html b/internal/web/templates/dashboard/section_form.html index b401d9c..dc971e5 100644 --- a/internal/web/templates/dashboard/section_form.html +++ b/internal/web/templates/dashboard/section_form.html @@ -24,7 +24,7 @@ </div> <p class="muted small">{{t "“Top” of a side column means above its modules, “bottom” below them. If that column is not shown on your blog (see"}} <a href="/b/{{.Blog.Subdomain}}/layout">{{t "Layout"}}</a>) {{t "the announcement moves to the main content instead."}}</p> <label for="ed-body">{{t "Text"}} <span class="muted">(Markdown)</span></label> - {{template "editor" (dict "name" "body" "value" $s.BodyMD "rows" 10 "tall" false "upload" (print "/b/" .Blog.Subdomain "/files/upload") "csrf" .CSRF)}} + {{template "editor" (dict "name" "body" "value" $s.BodyMD "rows" 10 "tall" false "upload" (print "/b/" .Blog.Subdomain "/files/upload") "preview" (print "/b/" .Blog.Subdomain "/preview") "csrf" .CSRF)}} <label class="check"><input type="checkbox" name="enabled"{{if $s.Enabled}} checked{{end}}> {{t "Shown on the blog"}}</label> <p class="actionrow"> <button type="submit">{{t "Save"}}</button> |