前言： 話說前陣子爸爸家陽台不斷出現米奇老鼠，立刻清理陽台所有東西，然後又跟市政部門反映問題，可是情況還沒有好轉，米老鼠來完一隻又一隻，我爸陽台在老鼠界應該是網紅打卡聖地(誤)，要不然就是米奇老鼠版米奇林三星餐廳(?) 雖然我們抓到了三隻，到上兩個禮拜為止還有至少一隻一直抓不到，每天淩晨還會來吃事後煙留下老鼠屎，真_北。 這隻老鼠對傳統攻擊有抗性，有IT9朋友前陣子用Raspberry pi自製了一台electric mouse trap ，用pi的超聲波雷達放在鞋盒裡，鞋盒裡有一堆食物，底部佈了鐵網，偵測到有老鼠進去以後立即關門通9V電，通個1分鐘再放牠離開，大推我自己也造一台 (Youtube片搜尋一大堆，人類真變態啊，朋友好變態啊)。可是我覺得這樣又好像有點太殘忍，不如先偵測牠們什麼時候來，嚇嚇牠們看看有沒有效果再說吧。 目的： 用Raspberry pi及手上有的感測器弄一隻放陽台用來偵測和嚇嚇老鼠的東西，並把紀錄圖像化到雲端給老爸使用。 邏輯及設計： 當老鼠進入偵測範圍，Motion Sensor偵測到生物活動Raspberry pi 處理來自Motion Sensor的訊號，如果夠強的話開始準備作出回應 Raspberry pi在Angry cats sounds中隨機選出叫聲，再經由Speaker輸出貓叫聲 Raspberry pi指示強光元件發出強光束照射目標 把偵測計數上傳到雲端圖表 材料： Sensor 在網路上看了一些Raspberry pi wild animal camera ，很多也是用Motion Sensor先偵測動物再來，我用的是PIR Motion Sensor被動式紅外線感測器，有低耗電成本便宜的好處。[1]，而且可手動調整靈敏度及反應時間。 PIR Motion Sensor就是下面這個 圖片來源: learn.adafruit.com 可手動調整敏感度還有反應時間，這個有點不好調，要試好多遍才找到最佳位置。 可以在Raspbian中輸入pinout查詢GPIO避免插錯 圖片來源: learn.adafruit.com . 一台Raspberry pi 這次使用較舊的Raspberry pi model B+ 萬一老鼠生氣被咬爛錢包也不太痛 . 一張
前言：
最近小弟幫公司開發的系統內需要撰寫郵件及發送，所以要找一個Rich Text Editor放在系統內。網路上找到TinyMCE口碑不錯，決定使用它。還蠻夠隨便
TinyMCE官網：https://www.tinymce.com/
Rich Text Editor出現囉
總結：
TinyMCE好處是夠簡單，不過有一些很小的issue，例如像我公司用的是一台i3，用Firefox或者Chrome滑動含有TinyMCE的頁面會有一點卡卡的感覺。大概像打電動18fps的感覺吧。其實不太影響操作，不過總是會有些很奧客的用戶，要注意囉。
最近小弟幫公司開發的系統內需要撰寫郵件及發送，所以要找一個Rich Text Editor放在系統內。網路上找到TinyMCE口碑不錯，決定使用它。
TinyMCE官網：https://www.tinymce.com/
- 先用Visual Studio打開專案，選擇Tools➜Nuget Package Manager➜ Manage NuGet Packages for Solution
- 在「Browse」中輸入「TinyMCE」按「Search」找到以後在右邊選擇你的Project後按「Install」。
(小弟試過安裝的時候Visual Studio會像當掉一樣持續幾分鐘沒反應，不用最後還是成功
嚇死寶寶了)
- 安裝成功後在「Solution Explorer」中找到「Scripts」資料夾，底下應該會出現一個叫「tinymce」的子資料夾
- TinyMCE好處是Model或者ViewModel變化不大。開啟要加入TinyMCE的Model或者VIewModel，把需要變成TinyMCE的欄位加入 [AllowHtml] 的Data Annotations。
- 再來找出要加入TinyMCE的View，在Section Scripts中加入相對應Reference。
- 然後在View加入以下Javascript (如果要客制化Editor的話官網有文件可以查)
<script type="text/javascript">
// Initialize your tinyMCE Editor with your preferred options
tinyMCE.init({
// General options
mode: "textareas",
theme: "modern",
// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,
// Example content CSS (should be your site CSS)
content_css: "css/example.css",
});
</script>
TinyMCE好處是夠簡單，不過有一些很小的issue，例如像我公司用的是一台i3，用Firefox或者Chrome滑動含有TinyMCE的頁面會有一點卡卡的感覺。大概像打電動18fps的感覺吧。其實不太影響操作，不過總是會有些很奧客的用戶，要注意囉。
Comments
Post a Comment