Rep: (543)
Alternative instructions How to clean up the image under the spoiler
Short lesson "How to clean images under spoiler".

Surely you have repeatedly encountered the requirements of the rules of some sections to hide images under the spoiler. But how to do it?
Below I will try to tell about it in detail.

So, you resized the images you want to add to the message. What's next?
1. And then click the "Answer" button.
Attached Image
Enter the message text.
2. Having reached the place of the text where you plan to insert the image, click "Select files".
Attached Image
3. Select the desired image and click "Open."
Attached Image

4. You will return to the browser window.
5. Click "Download."
Attached Image
6. After the file is loaded, it will be added to the "Manage current files" window.
Attached Image
7. In the text entry field, press "ENTER", the cursor will move to a new line.
Attached Image

8. Further, according to the following figure:
Attached Image

9. File successfully added to message:
Attached Image
If you need to add another photo, repeat the steps with2. by 9. After each file added be sure to remove the selection from it by clicking the mouse to the right of the closing square bracket
(such )!

Attached Image
10. Select the file (s) and click the "Make text collapsible" button.
Attached Image

11. You will see that before and after your files tags "Spoiler" have been added.
Attached Image

12. Click "Send", the result is your image under the spoiler!
Attached Image


Thanks to our admins, the task of creating named spoilers has been simplified, since one more button was added:
Attached Image

The process of creating named spoilers differs only from the 10th step.
So:
10. Pressing the left mouse button, select the files and click the button "Make text collapsible and add a title."
Attached Image

11. Enter the name of the spoiler (for example, "Photo")
Attached Image
and click "OK".
Attached Image
12. Click "Send" and see the result - your files under the named spoiler.
Attached Image



P.S. When publishing images from the mobile version of the forum, tags will have to be manually entered before the attached image.
[spoiler]
after
[/ spoiler]
in the end, the spoiler with the attached image will look like this:
[SPOILER] [attachment = name of your file.jpg] [/ SPOILER]


P.P.S.
Tags are case-insensitive, i.e. no difference you wrote
[spoiler]
or
[SPOILER]
However, both before and after the inserted image, the tags must be in one register! Those. or
[spoiler] image [/ spoiler]
either
[SPOILER] image [/ SPOILER]

How to hide images under spoilermobile version of the site(oldirrelevantversion)
Mobile version has a limited set of bb-code buttons. So how do you make the text collapsible?
The method is well described at the very end.previous spoiler. I want to add how to use the button itself in the editor.
Attached Image

So:
- load the picture;
Attached Image

- press the "Spoiler" button and see that the opening tag appears;
Attached Image

- Next, click "Add Attach" to add the image code in the input field;
Attached Image
Attached Image

- click again on the "Spoiler" button and see that the closing tag has appeared.
Attached Image

That's all - our picture has become collapsible.

The author of the instructionsAbbat1985
How to hide images under spoilermobile version of the site (current version)
Mobile version has a limited set of bb-code buttons. So how do you make the text collapsible?
The method is well described at the very end.previous spoiler. I want to add how to use the button itself in the editor.
Attached Image

Choose a file
Attached Image

After downloading the file appears in the list as an attachment. Select a place in the code for insertion and click on the "+", after which it is inserted immediately selected text code. We leave in this form and proceed to the next picture.
Attached Image

Click on the spoiler button. The highlighted fragment of the code automatically puts the opening and closing tags of the spoiler.
Attached Image


Full version

Help     rules

Now: 08/22/19, 20:58