Popup

plugin

• embedover
• abbr
  TW TI
• annotate
  諸夏 close 東亞諸國
  • 預覽時似乎看不到效果
• autotooltip
  本週主題plugin-autotooltip__default plugin-autotooltip_big本週主題
  
  感謝　神、聖靈吧
  • 預覽時似乎看不到效果

試用

embedover

出來

↑誤會了。這並不是我想要的。

內建註解功能

• ^20160613 剛剛逛 DokuWiki.org 時發現，內建 footnote 功能是附有 popup 的！回來測試一下，footnote 裡可以放 include 的語法，包括引用個別段落！真想不到啊……想了一個多月，沒有合用的 plugin，然後 slider 法也失敗，最後發現 footnote 功能卻可能是最接近理想的方式……

Bootstrap Wrapper

^20160615 天哪！之前知道有這套 plugin，不以為意，今天才知道裡面有這個東西：Popovers [Lotar's Wiki] （原文連結）

• 測試 Bootstrap Wrapper popover
  • Dismissible Popover 預覽模式中無效？← 對，要儲存出去才可以
  • 試著 include 其他頁面時不行：

    <popover html="true" title="**測試**引用其他頁面" content="{{page>this:changelog}}">看一下本站更新紀錄</popover>

    錯誤訊息：

    Bootstrap Wrapper - Malformed tag (<popover html="true" title="**測試**引用其他頁面" content="{{page\>). Please check your code!

    原因當然是因為 {{page>…}} 語法裡面的 > 導致 popover 的 tag 提早結束了。得提 bug 了← 解決了！↓

    • 如果把 > 用 entity 取代呢？

      <popover html="true" title="**測試**引用其他頁面" content="{{page&gt;this:changelog}}" trigger="focus"><btn type="success">看一下本站更新紀錄</btn></popover>

      看一下本站更新紀錄
      ↑可以了！我要哭了！感謝　神！

• 若能改 popover 的寬度就更好了
  • 似乎是改 bootstrap.min.css 的

    .popover {
    	max-width:500px;
    }

    這邊

缺點：

• 語法繁複麻煩
• DW 模板不支援 Bootstrap 時就無用武之地

自助

實在受夠 DW 欠缺一個真正的 popup plugin 了！

用 HTML 做，也不難啊！（但看來至少一定要附 JS）

1. ☞ How To Create Popups
2. 然後，透過 plugin:inlinejs，把範例 HTML + CSS + JS 放到任何一個 DW 頁面上，也能順利呈現啊！

   khíeu 箍 圈起來

   
   
   

   • 而且我測試過了，popup 內的文字，也可以打入自訂的文字及任何 HTML 元素

那麼，就試試把它做成 plugin，大幅簡化輸入？

• 當然，比較簡單的方法，似乎是把 JS 放到 conf/userscript.js 中就可以用了¹⁾