mirror of
https://github.com/codeninjasllc/discourse.git
synced 2024-12-11 00:02:05 -05:00
6d84a8a1b3
UX: improved details tag for elided messages
28 lines
972 B
JavaScript
28 lines
972 B
JavaScript
(function() {
|
|
|
|
function insertDetails(_, summary, details) {
|
|
return "<details><summary>" + summary + "</summary>" + details + "</details>";
|
|
}
|
|
|
|
// replace all [details] BBCode with HTML 5.1 equivalent
|
|
function replaceDetails(text) {
|
|
text = text || "";
|
|
|
|
while (text !== (text = text.replace(/\[details=([^\]]+)\]((?:(?!\[details=[^\]]+\]|\[\/details\])[\S\s])*)\[\/details\]/ig, insertDetails)));
|
|
|
|
// add new lines to make sure we *always* have a <p> element after </summary> and around </details>
|
|
// otherwise we can't hide the content since we can't target text nodes via CSS
|
|
return text.replace(/<\/summary>/ig, "</summary>\n\n")
|
|
.replace(/<\/details>/ig, "\n\n</details>\n\n");
|
|
}
|
|
|
|
Discourse.Dialect.addPreProcessor(function(text) {
|
|
if (Discourse.SiteSettings.details_enabled) {
|
|
text = replaceDetails(text);
|
|
}
|
|
return text;
|
|
});
|
|
|
|
Discourse.Markdown.whiteListTag("details", "class", "elided");
|
|
|
|
})();
|