https://github.com/nicolassiver/nodebb-plugin-ns-spoiler

Spoiler. Ability to control visibility of the content in posts. Works better with Markdown syntax.
https://github.com/nicolassiver/nodebb-plugin-ns-spoiler

lazy-loading nodebb plugin spoiler

Last synced: about 1 month ago
JSON representation

Spoiler. Ability to control visibility of the content in posts. Works better with Markdown syntax.

Host: GitHub
URL: https://github.com/nicolassiver/nodebb-plugin-ns-spoiler
Owner: NicolasSiver
License: mit
Created: 2015-11-22T02:15:41.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2023-09-27T20:39:25.000Z (over 1 year ago)
Last Synced: 2025-03-26T23:11:33.808Z (about 2 months ago)
Topics: lazy-loading, nodebb, plugin, spoiler
Language: JavaScript
Size: 130 KB
Stars: 12
Watchers: 4
Forks: 19
Open Issues: 3
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE

README

# NodeBB: Spoiler

Spoiler. Ability to control visibility of the content in posts. Works better with Markdown syntax.

![Version](https://img.shields.io/npm/v/nodebb-plugin-ns-spoiler.svg)
![Dependencies](https://david-dm.org/NicolasSiver/nodebb-plugin-ns-spoiler.svg)

Example:

```
:::

Spoiler's content goes here, it should start and end with at least 3 colons.
It should have a blank lines around the 3 colons tags.

:::
```

## Table of contents

- [General](#general)
- [Styling](#styling)

## General

Markdown syntax is based on ideas from [CommonMark Talk](http://talk.commonmark.org/t/what-could-a-spoiler-tag-extension-look-like/767) group.

This is true `spoiler` implementation where spoiler content is not loaded on the page (loading on demand or "lazy loading").
## Styling

If you want to alter look of the spoiler, you could use these CSS classes:

- `ns-spoiler`
- `ns-spoiler-control`
- `ns-spoiler-content`