[外掛] Prime BBCode Spoiler 區塊隱藏bbcode

[tomy]

外掛名稱：Prime BBCode Spoiler 區塊隱藏bbcode
外掛作者：primehalo
外掛描述：利用自訂bbcode將文字、圖片等特定區塊隱藏，再讓用戶自行點選開啟
　　　　　顯示內容，是一種很好的鋪陳手段。
外掛版本：1.4.2D (官方認證)
示範網站：Demo
Installation Level：Easy

---

曾經為了尋找類似巴哈姆特Gamer或Mobile01這種打開網頁先行隱藏圖片的功能嗎？利用此MOD可以巧妙的利用BBOCDE將某段內容(包括文字、圖片)隱藏，讓瀏覽用戶自行點選「顯示」後才會顯示內容，這在某些情況下是對文章很好的鋪陳。



複雜性：
　1. 檔案複製
　2. 檔案編輯
　3. DIY instructions

[顯示] Spoiler: 手動步驟

代碼: 選擇全部

到ACP管理員後台》發表》訊息》BBcode處，點選「增加BBcode」按鈕，並按照下方指示創建新的BBcode。
    (1) BBcode使用方法裡輸入以下:
        [spoiler={TEXT1}]{TEXT2}[/spoiler]

    (2) HTML替換代碼輸入以下:
        <div class="spoiler"><div class="spoiler-top"><a href="#toggle_spoiler" class="spoiler-link" onclick="return(spoilerToggle(this));">{L_PRIME_BBCODE_SPOILER_SHOW}</a> {L_PRIME_BBCODE_SPOILER}: <span class="spoiler-title">{TEXT1}</span></div><div class="spoiler-box" onclick="spoilerToggle(this);"><div class="spoiler-hidden">{TEXT2}</div></div></div>

    (3) 線上說明裡輸入以下:
        Note: [spoiler=optional title]hidden text[/spoiler]

    (4) 設定裡選擇打勾可以讓這個bbcode顯示於發文編輯器裡

當完成這些步驟後，現在我們來創建另一種Spoiler版本的 BBCode。

    (1) BBcode使用方法裡輸入以下:
        [spoiler]{TEXT}[/spoiler]

    (2) HTML替換代碼輸入以下:
        <span class="spoiler"><span class="spoiler-box" onclick="spoilerToggle(this);"><span class="spoiler-hidden">{TEXT}</span></span></span>

    (3) 線上說明裡輸入以下:
        Note: [spoiler]hidden text[/spoiler]

    (4) 設定裡選擇打勾可以讓這個bbcode顯示於發文編輯器裡

Prime BBcode的Spoiler區塊預設為全黑顯示，假如您希望是本論壇的顯示方式,那麼您可以修改JavaScript檔案「prime_bbcode_spoiler.js」，找到 "spoiler_collapse = false"， 將它的值改為"true"。

中文化：
　繁體UTF8由Tomy製作！

安裝步驟請參閱install_mod.xml檔或使用AutoMOD進行安裝
安裝完畢後請記得：

　1. 中文化檔案解壓縮至language/zh_cmn_hant/mods
　2. 重整風格的主題與模板快取

Prime BBCode Spoiler.zip

prime_bbcode_spoiler_142.zip