<?xml version="1.0"?>
<rss version="2.0"><channel><title>FAQ Latest Topics</title><link>https://www.rpgmakercentral.com/forum/228-faq/</link><description>FAQ Latest Topics</description><language>en</language><item><title>Spoilers - Creating and Working With Them</title><link>https://www.rpgmakercentral.com/topic/41371-spoilers-creating-and-working-with-them/</link><description><![CDATA[
<p>
	<hr><hr><hr><span style="font-size:20px"><strong><span style="color:#ff3366"><span>--- SPOILERS ---</span></span></strong></span>
</p>

<hr>
<hr>
<hr>
<p>
	<strong style="background-color:#ffffff; color:#1abc9c; font-size:16px">Creating Spoilers</strong>
</p>

<hr>
<p>
	The most efficient way to insert a spoiler is to use the <strong>button with eye icon</strong> from the tool-bar at the top of the editor.
</p>

<div class="ipsSpoiler" data-ipsspoiler="">
	<div class="ipsSpoiler_header">
		<span>Spoiler</span>
	</div>

	<div class="ipsSpoiler_contents">
		<p>
			<img alt="rNL36Ua.gif" class="ipsImage" height="204" src="https://i.imgur.com/rNL36Ua.gif" width="996">
		</p>
	</div>
</div>

<p>
	<br>
	Clicking this icon will insert a spoiler box into your post at the current position of your text cursor.
</p>

<p>
	Spoilers within spoilers also are possible by using that button, simply click the button while having the text cursor inside the spoiler. For example, double click it to create a spoiler with a spoiler inside.<br>
	 
</p>

<p>
	You can also create a spoiler using BBCode:
</p>

<pre class="ipsCode prettyprint lang-html prettyprinted">
<span class="pln">[spoiler]This will be in the spoiler.
That too.
Yeah....[/spoiler]</span></pre>

<p>
	This will work in a small scale, but weird things happen when the post gets big. Generally <strong>I do not recommend using BBCode tags</strong> when wanting to make spoilers.
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	 
</p>

<p>
	<strong style="background-color:#ffffff; color:#1abc9c; font-size:16px">Tips and Bugs</strong>
</p>

<hr>
<p>
	<img alt="HCAXZFs.png" height="9" src="https://mlpforums.com/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/HCAXZFs.png&amp;key=aef1e24ddbcd352d7cfa527b0747880e9a4abeee2ba41679097ae2afab04df84" width="16"> If you'll hover your cursor over a spoiler, you'll notice arrows in the upper left corner of the spoiler.
</p>

<p>
	<img alt="BUa0cZL.png" class="ipsImage" height="89" src="https://i.imgur.com/BUa0cZL.png" width="952">
</p>

<p>
	You can click&amp;drag that to move spoilers around. It is possible to move these in/out -to/of other spoiler, <span style="color:#c0392b">but be careful, as they sometimes get eaten along with their contents when moving spoilers within spoilers</span>. If that will happen, you can try to undo the operation, by pressing <strong>CTRL+Z</strong>.
</p>

<p>
	 
</p>

<p>
	 
</p>

<hr>
<p>
	<img alt="HCAXZFs.png" height="9" src="https://mlpforums.com/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/HCAXZFs.png&amp;key=aef1e24ddbcd352d7cfa527b0747880e9a4abeee2ba41679097ae2afab04df84" width="16"> When moving spoilers around (it tends to happen randomly as well), it is possible to move these to the very bottom or the very top, so that you can't type above or below them, due to lack of space.
</p>

<p>
	 
</p>

<div class="ipsSpoiler" data-ipsspoiler="">
	<div class="ipsSpoiler_header">
		<span>Spoiler</span>
	</div>

	<div class="ipsSpoiler_contents">
		<p>
			<img alt="6BjZr7S.png" class="ipsImage" height="246" src="https://i.imgur.com/6BjZr7S.png" width="1000">
		</p>
	</div>
</div>

<p>
	The only solution is to drag the spoiler up/down a little, so that you'll have at least one free line. This sounds obvious, but it can be extremely frustrating for users, who aren't aware of that.
</p>

<p>
	 
</p>

<p>
	 
</p>

<hr>
<p>
	<img alt="HCAXZFs.png" height="9" src="https://mlpforums.com/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/HCAXZFs.png&amp;key=aef1e24ddbcd352d7cfa527b0747880e9a4abeee2ba41679097ae2afab04df84" width="16"> A safe way to remove the spoilers along with their contents is not highlighting them, but clicking their top and hitting <strong>delete</strong> key. Backspace will also work.
</p>

<p>
	 
</p>

<p>
	<img alt="mfRZPXu.png" class="ipsImage" height="102" src="https://i.imgur.com/mfRZPXu.png" width="465">
</p>

<p>
	 
</p>

<p>
	 
</p>

<hr>
<p>
	<img alt="HCAXZFs.png" height="9" src="https://mlpforums.com/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/HCAXZFs.png&amp;key=aef1e24ddbcd352d7cfa527b0747880e9a4abeee2ba41679097ae2afab04df84" width="16"> Selecting special boxes (such as spoilers) may be a hassle.<br>
	Let's say, that you'd have some text with a spoiler in the middle. Now you want to select it all in order to copy&amp;paste it somewhere else. If you'll start highlighting from the top, everything will work nicely. However, if you'll be highlighting from the bottom, your selection will get stuck once you'll hover over the spoiler:
</p>

<p>
	 
</p>

<div class="ipsSpoiler" data-ipsspoiler="">
	<div class="ipsSpoiler_header">
		<span>Spoiler</span>
	</div>

	<div class="ipsSpoiler_contents">
		<p>
			<img alt="iy3xs7W.png" class="ipsImage" height="299" src="https://i.imgur.com/iy3xs7W.png" width="794">
		</p>
	</div>
</div>

<p>
	A solution is to go around these boxes when highlighting. Just move your cursor to the left, then drag the selection up.
</p>
]]></description><guid isPermaLink="false">41371</guid><pubDate>Sun, 04 Feb 2018 17:41:36 +0000</pubDate></item></channel></rss>
