創作內容

0 GP

網頁程式-記事本(附載點)

作者:就是在講你│2019-02-08 15:47:09│巴幣:0│人氣:121
這比起上次做的繪圖程式,是個簡單又實用的程式,是個記事本,要先建立標題然後再填入想要的內容,你可以把它當作日記啦~備忘錄啦~之類的東西。



操作也非常簡單,左邊是清單區,你所建立的所有標題都列在那邊,點擊標題,右方就是內容區了。

內容可以設定粗體、斜體、底線、大小和顏色,我自認為操作方面非常直覺啦,有什麼功能我想大家看圖案就知道了~注意!編輯完了別忘了按內容區左上方的存檔鈕!

然後比較特別的是可以下載,清單區的下載鈕,你所輸入的內容會以json檔的形式下載下來,
以後想使用的話,可以直接把json檔拖入內容區下方的框框,這樣你之前打的資料就又回來啦~
我懶得把它弄上線,所以想要用用看的話自己下載吧ww  
因為是下載到電腦的,所以就算是不連網的情況下也完全可以使用。

不過整個程式的資料夾容量有18MB,其實程式本身也就20幾KB而已... 而其他容量都被fontawesome給佔去了... fontawesome的功用就是可以用CSS的class來產生大家在網頁上經常可以看到的icon圖案,我竟然就為了幾個icon圖案就讓整個程式容量徒增了18MB... 想想真的蠢死了... 還不如在網路上抓圖片來用...

至於程式碼的部分我就不貼了,想看的話就下載來看吧ww

載點:https://drive.google.com/open?id=1-Wap-BBGDCZaMuSHvn14mLI575Bi3M8C

使用方法:
  1.點擊note_web資料夾。
  2.點擊index.html或是把該檔案拖入Chrome瀏覽器即可使用。
  
  注意!這程式僅針對Chrome瀏覽器進行開發,IE是不能正常使用的,至於其他瀏覽器我就不知道了。
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4287151
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 2 篇留言

~跡~
目前關閉頁面資料就不見了(如果沒有匯出為json的話)
可以參考: https://www.w3schools.com/html/html5_webstorage.asp
這能把資料儲存在瀏覽器
只要使用者還沒歷史紀錄資料就會在
另外可以考慮把作品PO到程式設計版給大家看看
(https://forum.gamer.com.tw/A.php?bsn=60292)
因為小屋除非特地進來看不然都不知道

02-13 23:53

~跡~
對了,我是在 firefox 跑,大致上沒甚麼問題
只是字元集你沒指定,所以也許會出現亂碼
前面加上 <meta charset="UTF-8" /> 就OK了
這個 meta 一般網頁都會加
不然每個瀏覽器預設的編碼可能不一樣

02-14 00:00

就是在講你
原來一行代碼就能解決亂碼問題,以前我的做法都是把整個檔案放到notepad去轉編碼XD02-14 10:14
就是在講你
至於程設版我以後會多逛逛的,再次感謝~02-14 10:16
我要留言提醒:您尚未登入,請先登入再留言

喜歡★iga33087 可決定是否刪除您的留言,請勿發表違反站規文字。

後一篇:自製遊戲王卡生產器...

追蹤私訊切換新版閱覽

作品資料夾

jason990505各位巴友
歡迎各位巴友來我小屋觀看小說及文章 或單純交流認識!看更多我要大聲說昨天08:49


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】