0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-06 13:08:40 +08:00
discourse/plugins/spoiler-alert/assets/stylesheets/discourse_spoiler_alert.scss
Renato Atilio d62cc48d9c
DEV: to-markdown prosemirror HTML parsing (#35563)
Replaces the custom ~1000-line `to-markdown` converter with ProseMirror's schema-based parsing and serialization pipeline, reusing the same extensions that power the rich editor. The old converter duplicated logic the extensions already implement (image formatting, mention/hashtag serialization, table handling, list nesting, etc.) — a single pipeline means one set of rules, fewer divergence bugs, and plugin extensions work in both directions automatically.

### Core change

- `toMarkdown()` is now async and lazy-loads ProseMirror on first use.
- Cooked→markdown serialization runs through the registered rich-editor extensions, so both conversion directions share one source of truth.

### QuoteState and quote callers

Making `toMarkdown()` async changed the quote flow. `QuoteState` now stores the selection's HTML and exposes an async `markdown()`; `buffer` is the plain-text selection. Every caller that needs markdown was updated to await `markdown()`:

- Topic controller (`selectText`, `replyToPost` including EmbedMode, `replyAsNewTopic`, `buildQuoteMarkdown`).
- Nested controller — forwards the full selection state via the new `copyFrom`.
- Fast-edit modal and `computeSupportsFastEdit`.
- discourse-ai post-helper menu — now sends markdown (not plain text) to the AI endpoints.

`markdown()` snapshots `opts` before awaiting so a concurrent selection change can't mis-pair the result.

### Plugin API

- Removed plugin-specific `addTagDecorateCallback`/`addTextDecorateCallback` usage from local-dates and spoiler-alert (the old APIs are kept as deprecated no-ops). local-dates now uses a `transformParsedHTML` rich-editor extension hook.

### Extractions and sharing

- Word paste handling moved into a dedicated `word-paste.js` extension.
- Quote-selection list-structure preservation moved into `preserve-list-structure.js`.
- `normalizeTable` is shared between the paste plugin and the serializer for consistent table output across editor modes.

### Quoting fix

- `selectedHTML` drops the empty trailing block a triple-click leaves behind. A triple-click extends the selection's end to the start of the following block, so `cloneContents()` would otherwise clone an empty `<blockquote>` that serializes to a stray `> ` in the quote.
2026-05-29 18:14:32 -03:00

73 lines
1,008 B
SCSS
Vendored

.spoiled {
cursor: auto;
transform: translateZ(0); // Safari jitter fix
.lightbox .meta {
display: none;
}
svg {
vertical-align: middle;
}
}
.spoiler-blurred {
@include unselectable;
cursor: pointer;
// Allow text selection in cooked post content for quoting
.cooked & {
user-select: text;
}
filter: blur(0.5em);
a,
area,
audio,
button,
details,
embed,
iframe,
img.animated,
input,
map,
object,
option,
portal,
select,
textarea,
track,
video,
.lightbox {
pointer-events: none;
}
img {
filter: blur(1em);
}
.discourse-no-touch & {
&:hover,
&:focus {
filter: blur(0.18em);
img {
filter: blur(0.5em);
}
}
}
}
.ProseMirror .spoiled {
padding-inline: var(--space-1);
&:not(.spoiler-blurred) {
border-radius: var(--d-border-radius);
box-shadow: 0 0 4px 4px rgb(var(--primary-rgb), 0.2);
max-width: 100%;
}
&.spoiler-blurred {
user-select: auto;
}
}