<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="http://ciangbrides.myds.me/dw/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://ciangbrides.myds.me/dw/feed.php">
        <title>Ciang Brides 黃金城 dokuwiki:dev:plugin</title>
        <description></description>
        <link>http://ciangbrides.myds.me/dw/</link>
        <image rdf:resource="http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico" />
       <dc:date>2026-05-14T19:28:55+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/feed"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/lazy-web-loader"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/mine"/>
                <rdf:li rdf:resource="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico">
        <title>Ciang Brides 黃金城</title>
        <link>http://ciangbrides.myds.me/dw/</link>
        <url>http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico</url>
    </image>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/feed">
        <dc:format>text/html</dc:format>
        <dc:date>2019-03-26T18:14:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>dokuwiki:dev:plugin:feed</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/feed</link>
        <description>&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 建議透過 &lt;abbr title=&quot;Uniform Resource Locator&quot;&gt;URL&lt;/abbr&gt; 中的 &lt;code&gt;title&lt;/code&gt; 參數自訂 feed 標題（目前只能自訂「feed 的連結的標題」）&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;script&gt;
jQuery(document).ready(function(){
    jQuery(&quot;.slide-export-link a:last&quot;).each(function(){
        var elem = jQuery(this);
        var count = (elem.attr(&quot;href&quot;).match(/\?/g) || []).length;
        if (count == 0) {
            elem.attr(&quot;href&quot;, elem.attr(&quot;href&quot;).replace(&quot;&amp;print-pdf&quot;,&quot;?print-pdf&quot;));
        }
    });
    jQuery(&quot;.fix-my-direction&quot;).each(function(){
        var elem = jQuery(this);
        elem.removeClass(&quot;fix-my-direction&quot;);
        if (elem.next().find(&quot;h1,h2&quot;).length &gt; 0) {
            elem.text(&quot;→&quot; + elem.text());
        }
        else {
            elem.text(&quot;↓&quot; + elem.text());
        }
    });
});
&lt;/script&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/lazy-web-loader">
        <dc:format>text/html</dc:format>
        <dc:date>2017-11-07T23:25:00+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Load on demand 的外部資源檢視器</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/lazy-web-loader</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;load_on_demand_的外部資源檢視器&quot;&gt;Load on demand 的外部資源檢視器&lt;/h1&gt;
&lt;dl class=&quot;plugin_definitionlist&quot;&gt;
&lt;dt&gt;&lt;span class=&quot;term&quot;&gt; 現況&lt;/span&gt;&lt;/dt&gt;
&lt;dd&gt; iframe 無法 load on demand&lt;/dd&gt;
&lt;dd&gt; popupviewer 僅支援內部文件/媒體&lt;/dd&gt;
&lt;dd&gt; popupviewer 也只有燈箱效果，不支援 iframe&lt;/dd&gt;
&lt;/dl&gt;

&lt;p&gt;
∴希望做個 plugin 解決上述 plugin 的局限
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;Load on demand \u7684\u5916\u90e8\u8cc7\u6e90\u6aa2\u8996\u5668&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;load_on_demand_\u7684\u5916\u90e8\u8cc7\u6e90\u6aa2\u8996\u5668&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-255&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit2&quot; id=&quot;研究&quot;&gt;研究&lt;/h2&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20171107&lt;/sup&gt; 前幾天請教 popupviewer 要怎麼改才能支援外部資源，結果昨夜作者不太耐煩地說這個 plugin 就是只看全域變數 &lt;code&gt;$ID&lt;/code&gt; 所以只支援內部網頁（意思就是不想管我），然後把我的問題關掉了 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt; ☞ &lt;a href=&quot;https://github.com/i-net-software/dokuwiki-plugin-popupviewer/issues/15&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/i-net-software/dokuwiki-plugin-popupviewer/issues/15&quot; rel=&quot;ugc nofollow&quot;&gt;Render external web pages · Issue #15 · i-net-software/dokuwiki-plugin-popupviewer&lt;/a&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 不過至少他提示去參考&lt;a href=&quot;https://github.com/i-net-software/dokuwiki-plugin-popupviewer/blob/master/action.php&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/i-net-software/dokuwiki-plugin-popupviewer/blob/master/action.php&quot; rel=&quot;ugc nofollow&quot;&gt;該 plugin 的 action.php&lt;/a&gt;，以及 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 的 &lt;a href=&quot;https://www.dokuwiki.org/devel%3Ahttpclient&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Ahttpclient&quot;&gt;DokuHttpClient&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u7814\u7a76&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u7814\u7a76&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;256-909&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit3&quot; id=&quot;實做&quot;&gt;實做&lt;/h2&gt;
&lt;ol&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20171107&lt;/sup&gt; 用 &lt;a href=&quot;https://pluginwiz.dokuwiki.org/&quot; class=&quot;urlextern&quot; title=&quot;https://pluginwiz.dokuwiki.org/&quot; rel=&quot;ugc nofollow&quot;&gt;DokuWiki Plugin Wizard&lt;/a&gt; 做個新 plugin 的骨架&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 勾選 &lt;code&gt;Use Configuration&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;code&gt;Add Plugin Components&lt;/code&gt; 先加一個 &lt;code&gt;syntax&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;code&gt;&lt;abbr title=&quot;Uniform Resource Locator&quot;&gt;URL&lt;/abbr&gt;&lt;/code&gt; 必填，所以還是得先建 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popupbrowser&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popupbrowser&quot; rel=&quot;ugc nofollow&quot;&gt;https://github.com/GJRobert/dokuwiki-plugin-popupbrowser&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 按 &lt;code&gt;Create&lt;/code&gt; 後果然是下載一包基本的骨架檔 → 放到本機 GitHub repo 中&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 做好了。然後呢？zzzzzzz&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 搜尋整個 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 主目錄，有用到 HttpClient 的地方並不多……&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 研究 popupviewer 的 action.php，大概一次啃一點，慢慢多讀懂一點……&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u5be6\u505a&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u5be6\u505a&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;910-&amp;quot;} --&gt;</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/mine">
        <dc:format>text/html</dc:format>
        <dc:date>2019-10-23T12:09:19+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>我開發的 DokuWiki plugin</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/mine</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;我開發的_dokuwiki_plugin&quot;&gt;我開發的 DokuWiki plugin&lt;/h1&gt;
&lt;ol&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a name=&quot;formatplus2&quot;&gt;&lt;/a&gt;
&lt;p&gt;
&lt;span class=&quot;wrap_imp &quot;&gt;formatplus2&lt;/span&gt;：&lt;sup&gt;20171022&lt;/sup&gt; 前陣子解決 &lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/bugs/formatplus-jquery&quot; class=&quot;wikilink1&quot; title=&quot;dokuwiki:bugs:formatplus-jquery&quot; data-wiki-id=&quot;dokuwiki:bugs:formatplus-jquery&quot;&gt;formatplus jQuery 型別錯誤&lt;/a&gt;後，&lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-formatplus2&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-formatplus2&quot; rel=&quot;ugc nofollow&quot;&gt;fork 在 GitHub 上&lt;/a&gt;，今天 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Aformatplus2&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Aformatplus2&quot;&gt;po 到 DokuWiki.org 去&lt;/a&gt;；只是 fork 人家的成果後小修一下，修改的內容也是從網路上取來的 ∴&lt;em class=&quot;u&quot;&gt;稱不上開發！&lt;/em&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 在 DokuWiki.org 上，登入後建立一個 &lt;code&gt;plugin:formatplus2&lt;/code&gt; 頁面，一開始就有個 template 可供填寫、修改了，真方便&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 雖然大致是照 template 填了，也順利測試可以透過 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 的管理介面搜尋到這個 plugin 並安裝，但發現自己忘了改 plugin 資料夾裡的 plugin.info.txt、VERSION 等資訊，所以一度顯示成和原作者相同的資料 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt; 然後我修改時又沒有一次到位，GitHub 上的版本日期和資料夾裡的記載又兜不起來……一言難盡啦，搞到今晚發現這個 plugin 無法正常在 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 上發揮功能，而且更新時也一直出錯 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt;&lt;br/&gt;
↑原來問題出在，原本我是在本機直接改 formatplus plugin 資料夾中的 syntax.php 一個檔案而已，等於是自己的 tweak。可是現在 fork 一個新的 plugin，也取了新名稱「formatplus2」，這樣會導致檔案的路徑都改變，所以各支 php 檔裡面的路徑其實都要改掉才行。&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;22:31&lt;/sup&gt; 還有所有提到 &lt;code&gt;xxx_plugin_formatplus_yyy&lt;/code&gt; 的 class name 也都要加個 &lt;code&gt;2&lt;/code&gt;？← 是的，連這個也改了以後，總算恢復正常了 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/confused_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:s&quot; /&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 這不禁讓我反省，這樣好像為了一點點的虛榮，其實只是一點點的 bug fix，就 fork 出一個全新的 plugin，搞得這麼麻煩……也許我應該是請 Tom 授權我開個 formatplus 的 GitHub repo，也更新該 plugin 的下載連結，然後我再 commit 到該 repo 就好？&lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/thinking_smiley.gif&quot; class=&quot;icon&quot; alt=&quot;&amp;lt;&amp;lt;思&amp;gt;&amp;gt;&quot; /&gt;&lt;br/&gt;
→ 寫信詢問 Tom 了，等他意見&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20171107&lt;/sup&gt; 今天透過 &lt;a href=&quot;https://www.dokuwiki.org/devel%3Abadextensions&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Abadextensions&quot;&gt;devel:badextensions [DokuWiki]&lt;/a&gt; 這頁發現我的 plugin.info.txt 中少了 &lt;code&gt;base&lt;/code&gt; 的宣告？☞ &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugin_info&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugin_info&quot;&gt;devel:plugin_info [DokuWiki]&lt;/a&gt; 唉，這不能怪我啊，formatplus 原本就沒寫……&lt;sub&gt;（但他的 plugin 怎麼沒有被舉發錯誤？）&lt;/sub&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; 趕快修改 plugin.info.txt，把 &lt;code&gt;base    formatplus2&lt;/code&gt; 這行加進去，並透過 GitHub Desktop commit 並上傳了&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; devel:badextensions 這頁不會立刻更新，看了一下它的更新紀錄，原來每天定期更新的，不知道是哪裡有腳本還是？真厲害。DW 的世界感覺比 &lt;abbr title=&quot;TiddlyWiki&quot;&gt;TW&lt;/abbr&gt; 更精深博大&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;sup&gt;20191023&lt;/sup&gt; 後來今年 4 月間 Andi（！）有來提出 pull request，我也 merge 了。今天去改了 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 官網上的日期（原來系統判斷有無新版 extension 與否是看那裡！）&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
</description>
    </item>
    <item rdf:about="http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup">
        <dc:format>text/html</dc:format>
        <dc:date>2020-04-01T01:25:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>開發 DokuWiki popup plugin</title>
        <link>http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup</link>
        <description>
&lt;h1 class=&quot;sectionedit1&quot; id=&quot;開發_dokuwiki_popup_plugin&quot;&gt;開發 DokuWiki popup plugin&lt;/h1&gt;

&lt;p&gt;
緣起：
&lt;/p&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_include_start&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;dokuwiki:syntax:popup&amp;quot;,&amp;quot;secid&amp;quot;:2,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;plugin_include_content plugin_include__dokuwiki:syntax:popup&quot;&gt;

&lt;p&gt;
實在受夠 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 欠缺一個真正的 popup plugin 了！
&lt;/p&gt;

&lt;p&gt;
用 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 做，也不難啊！（但看來至少一定要附 JS）
&lt;/p&gt;
&lt;ol&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; ☞ &lt;a href=&quot;https://www.w3schools.com/howto/howto_js_popup.asp&quot; class=&quot;urlextern&quot; title=&quot;https://www.w3schools.com/howto/howto_js_popup.asp&quot; rel=&quot;ugc nofollow&quot;&gt;How To Create Popups&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 然後，透過 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Ainlinejs&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Ainlinejs&quot;&gt;plugin:inlinejs&lt;/a&gt;，把範例 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; + &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; + JS 放到任何一個 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 頁面上，&lt;a class=&quot;folder&quot; href=&quot;#folded_1f8c81042630ebf33bcccb49ec2300f5_17&quot;&gt;也能順利呈現啊！ &lt;/a&gt;&lt;span class=&quot;folded hidden&quot; id=&quot;folded_1f8c81042630ebf33bcccb49ec2300f5_17&quot;&gt;
&lt;div class=&quot;popup&quot; onclick=&quot;myFunction()&quot;&gt;khíeu
  &lt;span class=&quot;popuptext&quot; id=&quot;myPopup&quot;&gt;箍 &lt;span class=&quot;wrap_zh&quot;&gt;圈起來&lt;/span&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- 
/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: &quot;&quot;;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
 --&gt;
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
/*&lt;![CDATA[*/
// When the user clicks on &lt;div&gt;, open the popup
function myFunction() {
  var popup = document.getElementById(&quot;myPopup&quot;);
  popup.classList.toggle(&quot;show&quot;);
}
/*!]]&gt;*/
&lt;/script&gt;

&lt;p&gt;
&lt;/span&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 而且我測試過了，popup 內的文字，也可以打入自訂的文字及任何 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; 元素&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;
那麼，就試試把它&lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/dev/plugin/popup&quot; class=&quot;wikilink1&quot; title=&quot;dokuwiki:dev:plugin:popup&quot; data-wiki-id=&quot;dokuwiki:dev:plugin:popup&quot;&gt;做成 plugin&lt;/a&gt;，大幅簡化輸入？
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 當然，比較簡單的方法，似乎是把 JS 放到 conf/userscript.js 中就可以用了&lt;sup&gt;&lt;a href=&quot;#fn__25&quot; id=&quot;fnt__25&quot; class=&quot;fn_top&quot;&gt;25)&lt;/a&gt;&lt;/sup&gt; &lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_include_editbtn&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u81ea\u52a9&amp;quot;,&amp;quot;secid&amp;quot;:4,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;div class=&quot;inclmeta level&quot;&gt;
	&lt;a href=&quot;http://ciangbrides.myds.me/dw/dokuwiki/syntax/popup#自助&quot; class=&quot;wikilink1 permalink&quot; title=&quot;dokuwiki:syntax:popup#自助&quot; rel=&quot;bookmark&quot;&gt;自助&lt;/a&gt;
	&amp;middot; &lt;span class=&quot;vcard author&quot;&gt;ghsrobert&lt;/span&gt;
&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;plugin_include_end&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;dokuwiki:syntax:popup&amp;quot;,&amp;quot;secid&amp;quot;:3,&amp;quot;range&amp;quot;:&amp;quot;0-&amp;quot;} --&gt;&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u958b\u767c DokuWiki popup plugin&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u958b\u767c_dokuwiki_popup_plugin&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:1,&amp;quot;range&amp;quot;:&amp;quot;1-95&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit5&quot; id=&quot;目標&quot;&gt;目標&lt;/h2&gt;
&lt;ol&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 簡單的輸入語法&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; popup 內使用一般 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; markup 而非 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 從 &lt;code&gt;getElementById&lt;/code&gt; 變為 &lt;code&gt;getElementByClassName&lt;/code&gt;？&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u76ee\u6a19&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u76ee\u6a19&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:5,&amp;quot;range&amp;quot;:&amp;quot;96-252&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit6&quot; id=&quot;參考&quot;&gt;參考&lt;/h2&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 開發 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; plugin 一般要點：&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugins&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugins&quot;&gt;devel:plugins&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugin_file_structure&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugin_file_structure&quot;&gt;devel:plugin_file_structure&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;a href=&quot;https://www.dokuwiki.org/devel%3Aplugin_programming_tips&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Aplugin_programming_tips&quot;&gt;devel:plugin_programming_tips&lt;/a&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level3&quot;&gt;&lt;div class=&quot;li&quot;&gt; pseudo-plugin&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u53c3\u8003&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:6,&amp;quot;range&amp;quot;:&amp;quot;253-448&amp;quot;} --&gt;
&lt;h2 class=&quot;sectionedit7&quot; id=&quot;實做&quot;&gt;實做&lt;/h2&gt;

&lt;p&gt;
&lt;sup&gt;20200321&lt;/sup&gt; 準備開始。
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200322&lt;/sup&gt; 把最基本的 &lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt; + JS 做成 pseudo-plugin，
&lt;/p&gt;
&lt;p&gt;&lt;a class=&quot;folder&quot; href=&quot;#folded_1f8c81042630ebf33bcccb49ec2300f5_18&quot;&gt;搭配類似像這裡面的 HTML 標記碼（而非 DokuWiki 自身語法） &lt;/a&gt;&lt;/p&gt;&lt;div class=&quot;folded hidden&quot; id=&quot;folded_1f8c81042630ebf33bcccb49ec2300f5_18&quot;&gt;&lt;pre class=&quot;code html4strict&quot;&gt;&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;div&lt;/span&gt;&lt;/a&gt; &lt;span class=&quot;kw3&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;popup&amp;quot;&lt;/span&gt; &lt;span class=&quot;kw3&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;myFunction()&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;Click me!
  &lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;a href=&quot;http://december.com/html/4/element/span.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;span&lt;/span&gt;&lt;/a&gt; &lt;span class=&quot;kw3&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;popuptext&amp;quot;&lt;/span&gt; &lt;span class=&quot;kw3&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;st0&quot;&gt;&amp;quot;myPopup&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;Popup text...&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/span.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;span&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;sc2&quot;&gt;&amp;lt;&lt;span class=&quot;sy0&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span class=&quot;kw2&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;
→ 最粗略的 v0.1 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/releases/tag/v0.1&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/releases/tag/v0.1&quot; rel=&quot;ugc nofollow&quot;&gt;Release Original basic method, working · GJRobert/dokuwiki-plugin-popup&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;
然後開始實做 syntax：拿 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Aruby&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Aruby&quot;&gt;plugin:ruby&lt;/a&gt; 的 syntax.php 來改，目前想先用 &lt;code&gt;[按鈕]^^泡泡內容^^&lt;/code&gt; 這樣的語法。
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200323&lt;/sup&gt; &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/commit/5cd1c31d15b6cef09c349f4c3e37a61b0562c728&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/commit/5cd1c31d15b6cef09c349f4c3e37a61b0562c728&quot; rel=&quot;ugc nofollow&quot;&gt;這個 commit 初步成功&lt;/a&gt;，但有多個要修改的問題，而且目前想用的語法似乎會和連結語法 &lt;code&gt;[[...]]&lt;/code&gt; 衝突，可能需要改。
&lt;/p&gt;
&lt;p&gt;&lt;a class=&quot;folder&quot; href=&quot;#folded_1f8c81042630ebf33bcccb49ec2300f5_19&quot;&gt;插曲：一次自動新增多個 GitHub issue &lt;/a&gt;&lt;/p&gt;&lt;div class=&quot;folded hidden&quot; id=&quot;folded_1f8c81042630ebf33bcccb49ec2300f5_19&quot;&gt;
&lt;p&gt;
找到 &lt;a href=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator&quot; rel=&quot;ugc nofollow&quot;&gt;Ricky54326/Github-Auto-Issue-Creator: An automatic issue creator for Github, written in Python. It&amp;#039;ll go through your entire git repo, look for any lines that start with TODO: and add them as issues to your repo.&lt;/a&gt;&lt;br /&gt;
下載來用，卻看到 
&lt;/p&gt;
&lt;pre class=&quot;code python&quot;&gt;Traceback &lt;span class=&quot;br0&quot;&gt;&amp;#40;&lt;/span&gt;most recent call last&lt;span class=&quot;br0&quot;&gt;&amp;#41;&lt;/span&gt;:
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;./autoissue.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;207&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;lt;&lt;/span&gt;module&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;
    main&lt;span class=&quot;br0&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&amp;#41;&lt;/span&gt;
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;./autoissue.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;170&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;in&lt;/span&gt; main
    &lt;span class=&quot;kw1&quot;&gt;from&lt;/span&gt; github &lt;span class=&quot;kw1&quot;&gt;import&lt;/span&gt; createIssues
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;/Volumes/SD/tmp/Github-Auto-Issue-Creator-master/github.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;sy0&quot;&gt;&amp;lt;&lt;/span&gt;module&lt;span class=&quot;sy0&quot;&gt;&amp;gt;&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;import&lt;/span&gt; requests
&lt;span class=&quot;kw2&quot;&gt;ImportError&lt;/span&gt;: No module named requests&lt;/pre&gt;

&lt;p&gt;
少了 Python &lt;code&gt;requests&lt;/code&gt; 模組，變成還得再想辦法安裝
&lt;/p&gt;

&lt;p&gt;
執行了 &lt;code&gt;$ which -a python python2 python2.7 python3 python3.6&lt;/code&gt;&lt;sup&gt;&lt;a href=&quot;#fn__26&quot; id=&quot;fnt__26&quot; class=&quot;fn_top&quot;&gt;26)&lt;/a&gt;&lt;/sup&gt;，發現我有：
&lt;/p&gt;
&lt;pre class=&quot;code&quot;&gt;/usr/bin/python
/usr/bin/python2.7
/usr/local/bin/python3&lt;/pre&gt;

&lt;p&gt;
3 份 Python
&lt;/p&gt;

&lt;p&gt;
&lt;a href=&quot;https://stackoverflow.com/questions/54484536/installing-requests-python-library-on-macos/54484665&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/54484536/installing-requests-python-library-on-macos/54484665&quot; rel=&quot;ugc nofollow&quot;&gt;這裡&lt;/a&gt;有人建議不要在 macOS 隨附的 Python 中安裝 requests 模組，而且 macOS 的 Python 2.7.10 很誇張，沒有 pip，也沒有 easty_install ∴我決定改用 Python 3↓
&lt;/p&gt;
&lt;pre class=&quot;code bash&quot;&gt;&lt;span class=&quot;co4&quot;&gt;$ &lt;/span&gt;pip3 &lt;span class=&quot;kw2&quot;&gt;install&lt;/span&gt; requests&lt;/pre&gt;

&lt;p&gt;
但接下來 Python 3 執行那個腳本，卻又語法錯誤 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt;
&lt;/p&gt;
&lt;pre class=&quot;code python&quot;&gt;$ python3 ./autoissue.&lt;span class=&quot;me1&quot;&gt;py&lt;/span&gt; -i -p /Volumes/SD/Dropbox/projects/dokuwiki-plugin-popup/ -s &lt;span class=&quot;st0&quot;&gt;'FIXME'&lt;/span&gt;
  File &lt;span class=&quot;st0&quot;&gt;&amp;quot;./autoissue.py&amp;quot;&lt;/span&gt;&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; line &lt;span class=&quot;nu0&quot;&gt;37&lt;/span&gt;
    &lt;span class=&quot;kw1&quot;&gt;except&lt;/span&gt; &lt;span class=&quot;kw2&quot;&gt;IOError&lt;/span&gt; &lt;span class=&quot;kw1&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&amp;#40;&lt;/span&gt;eno&lt;span class=&quot;sy0&quot;&gt;,&lt;/span&gt; strerror&lt;span class=&quot;br0&quot;&gt;&amp;#41;&lt;/span&gt;:
                      ^
&lt;span class=&quot;kw2&quot;&gt;SyntaxError&lt;/span&gt;: invalid syntax&lt;/pre&gt;

&lt;p&gt;
所幸有 Python3 的腳本：&lt;a href=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator/tree/python3&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/Ricky54326/Github-Auto-Issue-Creator/tree/python3&quot; rel=&quot;ugc nofollow&quot;&gt;Ricky54326/Github-Auto-Issue-Creator at python3&lt;/a&gt;&lt;br /&gt;
→ 執行了卻找不到任何 issue &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/sad_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:(&quot; /&gt;
&lt;/p&gt;

&lt;p&gt;
↑放棄上面的腳本，結果透過 Zapier，順利把記錄在 Google Spreadsheet 上的 issue，自動加到 GitHub 去了。還是要靠專業的來啊！🆗🔚
&lt;/p&gt;
&lt;/div&gt;&lt;hr /&gt;

&lt;p&gt;
3/23 晚上，改成了 &lt;code&gt;[^按鈕文字^]^^泡泡內容^^&lt;/code&gt;&lt;br /&gt;
然後又改用 &lt;code&gt;[^按鈕文字^](^泡泡內容^)&lt;/code&gt;，暫時可能會先用這個，再來可能要先處理別的問題了 ☞ &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues&quot; rel=&quot;ugc nofollow&quot;&gt;Issues · GJRobert/dokuwiki-plugin-popup&lt;/a&gt;，我可能要想辦法做個表把這些 issue 排個優先順序
&lt;/p&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200324&lt;/sup&gt; 來研究 &lt;a href=&quot;https://www.dokuwiki.org/plugin%3Afolded&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/plugin%3Afolded&quot;&gt;plugin:folded&lt;/a&gt; 的 /syntax，並參考 &lt;a href=&quot;https://www.dokuwiki.org/devel%3Asyntax_plugins&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Asyntax_plugins&quot;&gt;devel:syntax_plugins&lt;/a&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 看來 &lt;code&gt;getType()&lt;/code&gt; 應該用 &lt;code&gt;formatting&lt;/code&gt; 或 &lt;code&gt;container&lt;/code&gt; 的&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200325&lt;/sup&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 先把按鈕的 div 改為 span 試試 → inline ✅（GitHub 自動把 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/5&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/5&quot; rel=&quot;ugc nofollow&quot;&gt;Issue #5&lt;/a&gt; close 掉了！真神奇 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/MSN/omg_smile.gif&quot; class=&quot;icon&quot; alt=&quot;:o&quot; /&gt;）&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 如果變 inline 的話，就一定需要適當的 style 來顯示 button 了&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; 突然想到，以前 TiddlyWiki 的 popup，可以設成只需 hover、不需 click ∴這次我可能也可以考慮是否要調整成不一樣的行為；樣式方面，如果只要 hover 的話，可能不一定要做成有陰影的按鈕&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; → 開了一個 branch「ohhover」來修改。但是隨即發現，不是叫 &lt;code&gt;onhover&lt;/code&gt;，而是 &lt;code&gt;oumouseover&lt;/code&gt; 糗 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/XD.png&quot; class=&quot;icon&quot; alt=&quot;XD&quot; /&gt;&lt;sup&gt;&lt;a href=&quot;#fn__27&quot; id=&quot;fnt__27&quot; class=&quot;fn_top&quot;&gt;27)&lt;/a&gt;&lt;/sup&gt;&lt;br/&gt;
→ 好了，總之弄出來了。&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200330&lt;/sup&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 昨天承 3/24，試著開始修改 &lt;code&gt;getType()&lt;/code&gt; 等，想解決容納其他 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 語法的問題，但參考發現要改的甚多 ∴暫時改到一半，留在 master branch 裡 ☞ &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/3#issuecomment-605675832&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/3#issuecomment-605675832&quot; rel=&quot;ugc nofollow&quot;&gt;#3 1 hour ago&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level1&quot;&gt;&lt;div class=&quot;li&quot;&gt; 語法不好啃，改改 style 總行了吧？→ 開 styles branch 並試做基本樣式，再 merge 到另兩個 branch = close 掉 &lt;a href=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/9&quot; class=&quot;urlextern&quot; title=&quot;https://github.com/GJRobert/dokuwiki-plugin-popup/issues/9&quot; rel=&quot;ugc nofollow&quot;&gt;#9 Proper style for button&lt;/a&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;

&lt;p&gt;
&lt;sup&gt;20200331&lt;/sup&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li class=&quot;level1 node&quot;&gt;&lt;div class=&quot;li&quot;&gt; 再找找看其他可資參考的 plugin：&lt;/div&gt;
&lt;ul&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; abbr 似乎不是我要的 ∵它產生的也是 &lt;abbr title=&quot;HyperText Markup Language&quot;&gt;HTML&lt;/abbr&gt; &amp;lt;abbr&amp;gt; tag，裡面應該是裝不了 &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 語法&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; &lt;abbr title=&quot;DokuWiki&quot;&gt;DW&lt;/abbr&gt; 內建 footnote 功能其實挺不錯的，要是可以擴充就好了&lt;br/&gt;
↑嗚 &lt;img src=&quot;http://ciangbrides.myds.me/dw/lib/images/smileys/local/tears.gif&quot; class=&quot;icon&quot; alt=&quot;QQ&quot; /&gt; 好幾支 core script 要看喔，主要在 /inc/parser 裡的樣子，handler、lexer、parser、renderer、xhtml 等 .php 可能都有 &lt;code&gt;&amp;quot;@@&lt;/code&gt;&amp;quot;&lt;/div&gt;
&lt;/li&gt;
&lt;li class=&quot;level2&quot;&gt;&lt;div class=&quot;li&quot;&gt; autotooltip？← 應該不行，它的 getType() 也是 &lt;code&gt;substition&lt;/code&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;tags&quot;&gt;&lt;span&gt;
	&lt;a href=&quot;http://ciangbrides.myds.me/dw/tag/%E6%9C%AA%E5%AE%8C%E6%88%90?do=showtag&amp;amp;tag=%E6%9C%AA%E5%AE%8C%E6%88%90&quot; class=&quot;wikilink1&quot; title=&quot;tag:未完成&quot; rel=&quot;tag&quot;&gt;未完成&lt;/a&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;!-- EDIT{&amp;quot;target&amp;quot;:&amp;quot;section&amp;quot;,&amp;quot;name&amp;quot;:&amp;quot;\u5be6\u505a&amp;quot;,&amp;quot;hid&amp;quot;:&amp;quot;\u5be6\u505a&amp;quot;,&amp;quot;codeblockOffset&amp;quot;:0,&amp;quot;secid&amp;quot;:7,&amp;quot;range&amp;quot;:&amp;quot;449-&amp;quot;} --&gt;&lt;div class=&quot;footnotes&quot;&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__25&quot; id=&quot;fn__25&quot; class=&quot;fn_bot&quot;&gt;25)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;a href=&quot;https://www.dokuwiki.org/devel%3Ajavascript&quot; class=&quot;interwiki iw_doku&quot; title=&quot;https://www.dokuwiki.org/devel%3Ajavascript&quot;&gt;devel:javascript&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__26&quot; id=&quot;fn__26&quot; class=&quot;fn_bot&quot;&gt;26)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;a href=&quot;https://stackoverflow.com/questions/33175827/what-version-of-python-is-on-my-mac&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/33175827/what-version-of-python-is-on-my-mac&quot; rel=&quot;ugc nofollow&quot;&gt;macos - What version of Python is on my Mac? - Stack Overflow&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;fn&quot;&gt;&lt;sup&gt;&lt;a href=&quot;#fnt__27&quot; id=&quot;fn__27&quot; class=&quot;fn_bot&quot;&gt;27)&lt;/a&gt;&lt;/sup&gt; 
&lt;div class=&quot;content&quot;&gt;&lt;a href=&quot;https://stackoverflow.com/questions/15486376/javascript-function-onhover-in-div&quot; class=&quot;urlextern&quot; title=&quot;https://stackoverflow.com/questions/15486376/javascript-function-onhover-in-div&quot; rel=&quot;ugc nofollow&quot;&gt;JavaScript function onhover in &amp;lt;div&amp;gt; - Stack Overflow&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
</description>
    </item>
</rdf:RDF>
