From 6b6b5d2e35ff182a0732da245f4eb37c8afa0564 Mon Sep 17 00:00:00 2001 From: grm Date: Wed, 16 Sep 2026 18:37:20 +0300 Subject: Add an HTML mode to posts, page intros and announcements Markdown is the default and unchanged; the editor's new Format switch stores the text as raw HTML instead, put on the blog exactly as written. Like the custom HTML module it is unsanitised on purpose: the escape hatch for embeds, scripts and inline styles that Markdown cannot express. The source column keeps holding the text in both modes and a `format` column says how to read it, so the public templates and the feed still print the stored `*_html`. The dashboard preview of HTML goes into a sandboxed iframe rather than the page, because a superadmin edits other people's blogs and their markup must never run on the dashboard origin. Search snippets of HTML posts are cut from a tag-stripped copy. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A --- internal/web/static/dashboard.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'internal/web/static') diff --git a/internal/web/static/dashboard.css b/internal/web/static/dashboard.css index 679fdde..3ef96c2 100644 --- a/internal/web/static/dashboard.css +++ b/internal/web/static/dashboard.css @@ -134,6 +134,14 @@ details.help[open] summary { margin-bottom: 0.5em; color: var(--text); } /* ---- editor: toolbar, textarea and preview share one frame ------------------ */ .editor { margin-top: 0.3em; } +.ed-format { margin: 0 0 0.4em; font-size: 0.9em; display: flex; flex-wrap: wrap; align-items: center; gap: 0.3em 0.9em; } +.ed-format label { display: inline-flex; align-items: center; gap: 0.3em; margin: 0; font-weight: normal; } +.ed-format input { width: auto; margin: 0; } +.editor.js:not(.html) .ed-htmlnote { display: none; } /* without JS the note is always there: cheap, and true */ +.editor.html .ed-md, .editor.html .ed-linkbox, .editor.html .help { display: none; } +.editor.html .ed-group { border-right: 0; } /* Insert file stands alone */ +.editor.html textarea { font-family: var(--mono); font-size: 0.9em; } +.ed-preview-frame { display: block; width: 100%; min-height: 10em; border: 1px solid var(--border-strong); border-radius: 0 0 var(--radius-sm) var(--radius-sm); background: #fff; } .editor textarea { margin-top: 0; display: block; } .editor.js textarea { border-top-left-radius: 0; border-top-right-radius: 0; } .ed-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25em; padding: 0.35em 0.4em; background: var(--surface-2); border: 1px solid var(--border-strong); border-bottom: 0; border-radius: var(--radius-sm) var(--radius-sm) 0 0; } -- cgit v1.2.3