Вставлять строго в HTML низ
Вариант со сворачиванием

<script type="text/javascript">
var teg=">"
var teg1="<p>"
var hint="</div>"
var hint1="<div style='display: none;'>"
var hint2="display: none"
var hid="if (innerHTML.toLowerCase().indexOf(hint2)!=-1) {innerHTML=innerHTML.substring(0, (innerHTML.toLowerCase().indexOf(teg)+1))"+"+innerHTML.substring((innerHTML.toLowerCase().indexOf(teg1)), (innerHTML.length-6))} else {innerHTML=innerHTML.substring(0, (innerHTML.toLowerCase().indexOf(teg)+1))+hint1+innerHTML.substr(innerHTML.toLowerCase().indexOf(teg1))+hint}"
var trt="<div onclick='"+hid+"'>"+"<img src='картинка тут' /><div style='display: none;'><p>"
var trt1="</p></div></div>"
var quers=document.getElementById('pun-main').getElementsByTagName("div")
var pl=0
for (pl=0; pl<=(quers.length-1); pl++)
{if (quers[pl].className=="post-body")
{quers[pl].innerHTML=quers[pl].innerHTML.replace(/&lt;spoiler&gt;/g, trt)
quers[pl].innerHTML=quers[pl].innerHTML.replace(/&lt;endspoiler&gt;/g, trt1)}}
</script>

И, наконец, кнопка для вставки тега - в HTML под формой ответа.

<input type="button" value="Подсказка" onclick="insert_text('<spoiler>', '<endspoiler>')" />

Поддерживает множественные спойлеры и даже встроенные

ВСТАВЛЯЕМ В html-НИЗ!!!

    <script>
    function addSpoiler(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[spoiler]",from))==-1) return str;
    if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
    newpos=str.indexOf("[spoiler]",pos+9)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
    if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
    str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length)
    if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false)
    return str}

    function makeSpoiler(txt){
    txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>"
    return txt}

    function hideSpoiler(sp){
    spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0]
    if(spoiler.style.display=='none'){
    spoiler.style.display='inline'
    sp.value='Скрыть'}
    else{
    spoiler.style.display='none'
    sp.value='Показать'}}

    if(document.URL.indexOf("viewtopic.php")!=-1){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
    var post=elm[x]
    post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
    if(form=document.getElementById("form-buttons"))
    form.getElementsByTagName("tr")[0].insertCell(14).innerHTML="<img onclick=\"insert_text('[spoiler]', '[/spoiler]')\" src='http://i50.tinypic.com/8wxmqg.png' alt='Спойлер' />"
    </script>