第1359回-Trello 密技-把看板變成電子書- 雄哥修改版

-
在第1357回我講到，如何用 GitHub 的程式，把 Trello 看板內容轉換成 html 網頁，最後列印成PDF電子書來保存與觀看。

這一回講的是我和雄哥花了約五個小時改良 connie-clark 的 GitHub 專案的歷程與成果。


我們使用 GitHub - connie-clark/print-trello 後，覺得可以改良的是：

  •  json 轉換成 HTML 後，我發現卡片中的超連結網址，變成無法直接點選連到外部網頁
  • 以卡片附件形式記錄的網址，沒有被轉換出來
  • 以卡片附件形式記錄的照片，沒有被轉換出來
  • 我自己輸入在 comments 的文字換行ok，但從電子公文系統和縣網php網路公告上複製貼過來的文句，有的有換行，有的沒有換行。 
  • 我測試 comments 中有 url 的話，能不能被點選？ 結果是不行的
  • 在描述 description中的超連結文字，不能被點
  • 在 pref.js 中添加選項的中文說明
我和雄哥用臉書的私訊來來回回修改與測試了兩天，昨晚終於完成囉！

把 Trello 看板變成 PDF 電子書，流程如下：

  1. 在瀏覽器中打開一個你的 Trello 看板，從右邊選單中，點選「更多」，點選「列印與匯出」、點選「以JSON格式匯出」
  2. 接著你會看到一堆亂七八糟的文字碼，按鍵盤組合鍵 Ctrl + A 全選，Ctrl + C 複製
  3. 在瀏覽器的新分頁中開啟雄哥修改過的程式 Print Trello Lists/Cards
  4. 在文字方塊中，按鍵盤組合件 Ctrl + V 貼上，然後按下「READY」按鈕
  5. 根據你的個人偏好，在 step 2 中打勾或取消，如果懶得改就直接按最下面的「Save Preferences & Create the Report」即可
  6. 在瀏覽器中選擇列印，調整紙張大小、邊界與縮放比例等，列印成 PDF 
  7. 大功告成囉！

留言

張貼留言

這個網誌中的熱門文章

第1918回-師師有法寶-4-雄-筆順練習-南一-康軒-翰林-國小國語- QR Code 大合集

-
圖片
雄筆順練習 QR code 南一-康軒-翰林-國小國語 113學年上學期 更新說明： 1. 南投縣老師有 LoiLo 特典  2. 各版版本各年級獨立一個簡報檔 3. 如需列印，請將簡報另存成 PDF 即可 4. 請幫忙檢查內容是否有誤，並煩請回報給我 5.  使用說明影片-筆順練習 113上 國小國語課本生字 Qr Code 大合集 - YouTube 113上  翰林 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 五上 生字  QR Code 雄筆順練習   Google 簡報 113上  翰林 國語 六上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 五上 生字  QR Code 雄筆順練習   Google 簡報 113上  康軒 國語 六上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 首冊 注音  QR Code 雄筆順練習   Google 簡報 113上 南一 國語 一上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 二上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 三上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 四上 生字  QR Code 雄筆順練習   Google 簡報 113上  南一 國語 五上 生字  QR Code 雄筆順練
閱讀完整內容

第1804回- Google 文件如何一次看兩頁？

-
圖片
今天在使用 Google 文件跟學生共同創作一個用餐禮儀短劇的劇本時，編寫到差不多的時候，想要一次展示兩頁給學生看，但發現 Google 文件在現階段沒有這個功能。 在 Google 文件中一次只能看一頁，真不方便！有沒有可能兩頁左右並排來觀看文件呢？ 下班回家吃過晚餐、飯後散步時又想起這件事，回家後打開 Chromebook 上網查了一下資料，有找到一個方法，可以讓 Google 文件 像電腦的文書處理軟體或是PDF檢視器那樣，可以兩頁並排顯示。 我是用關鍵字  2-page view in google docs - Google 搜尋  找到這篇 2-page view in Google Docs (Example)  但我看不懂要怎麼使用這一串指令？ 不死心又繼續找，找到這篇， view 2 pages at once in google docs. ，在註解中有提到： Use this JS in your google doc browser console，我就根據這個線索，在 Chrome 瀏覽器右上方三個點那邊選「更多工具」，然後選「開發人員工具」，點一下「Console」然後把以下這一串指令複製貼上： // Use this JS in your google doc browser console // Courtesy https://coderwall.com/p/qvdxia/2-page-view-in-google-docs (function(d, t, z, s) {     s = d.createElement(t);     s.innerHTML = z + '-outer{left:0px !important;}' + z + '-outer,' + z + '-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';     d.getElementsByTagName(t)[0].parentNode.appendChild(s); })(document, 'style', '.kix-zoomdocumentplugin'); 複製貼上後
閱讀完整內容

第1670回-自主學習-如何印出中英對照的 TED 演講逐字稿

-
圖片
昨天在做 第1669回-我家私塾-英文單字-部件組合 時，我發現兒子很多中文字不太會寫，我覺得可能的原因是：平常中文字寫太少。我想要求他每天抄寫100個中文字，可是要抄什麼呢？ 兒子平常不太看書，這兩三個月來我放棄要求他多看書，改成看電影，而且最好是外語發音的影片，這樣他就非得閱讀字幕不可了。我家有訂 MOD 電影199，所以影片資源不是問題。兒子覺得若是英語發音的電影，最好是有中英文字幕並列，這樣還可同時增進英語的語感。 基於上述兩點，若要每天抄寫100個中文字，我第一個想到的是  TED  的演講影片。首先找到他有興趣的影片，在看過影片後，我把  TED  演講影片的逐字稿印出來給兒子看，他閱讀時用螢光筆標注他覺得值得抄寫的句子，然後每天抄一百個字。也許也可以中英文都抄，哈！可能我太貪心了。 好，所以現在問題縮小為：如何印出中英對照的 TED 演講逐字稿？ 如何找到有中文逐字稿的 TED 演講影片？ 我幫各位準備好這個連結： 有中文逐字稿的 TED 演講影片列表 ， 有中文字幕，且以觀看人次排列。 如何印出 中文的 TED 演講逐字稿？ 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 ，我挑選了  Colm Kelleher: What is Zeno's Dichotomy Paradox? | TED Talk  這部影片，點一下在影片下方的「Transcript」，選擇「中文繁體」，然後您就可以取得中文的 TED 演講逐字稿了！ 您還可以複製貼上到文書處理器中調整一下排版，這樣閱讀起來會更舒適。 如何印出 英文的 TED 演講逐字稿？ 同上述的方法，點一下在影片下方的「Transcript」，選擇「English」即可 如何印出 中英對照 的 TED 演講逐字稿？ 這裡是本篇網誌的重點喔！ 1. 其實你已經有中英對照的 TED 演講逐字稿了 怎麼說呢？啊既然你已經把 中文的 TED 演講逐字稿印在一張A4紙上，也把 英文的  TED 演講逐字稿印在一張A4紙上，把兩張紙擺在桌上，不就是 中英對照 了嗎？ 2. 我想要的是「逐段並列」的中英對照 逐字稿 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 我挑選了  Colm Kelleher: What is Zen
閱讀完整內容