Quill:輕巧的 Rich Text 編輯器,在網頁中進行各種圖文排版

Quill 是一個以 JavaScript 開發的獨立 rich text 編輯器,可以在網頁中進行各種圖文排版,不需要依賴其他的 JavaScript 函式庫。 TinyMCE 是一個很熱門的 rich text 編輯器,它有非常多的功能,許多 Word 常用的功能它都有,不過許多使用者都抱怨它的檔案大小太大了,會讓網頁載入的速度變慢。 ...

October 3, 2014 · G. T. Wang

申請 No-IP 動態 DNS 服務,以浮動 IP 架站教學

這裡介紹如何申請 No-IP 的動態 DNS 服務,透過 TP-LINK 路由器所提供的自動更新動態 DNS 功能,輕鬆使用浮動 IP 架站。 非固定制的 ADSL 網路環境中,如果想要自行架設網站或是 FTP 站,但又只有浮動的 IP 位址,只要 IP 一改變,使用者就連不上伺服器了,該怎麼辦呢?如果遇到這個問題,可以申請 No-IP 這類的動態 DNS 服務來解決。 ...

September 24, 2014 · G. T. Wang

用程式控制 TP-LINK 路由器的 ADSL 連線,自動更換 IP 位址

本文以 TP-LINK 的 TL-WR741ND 路由器(router)為例,示範如何使用各種程式語言與工具遠端控制路由器的 ADSL 連線(斷線並重新連線),自動更換網路的 IP 位址。 現在市面上大部分的路由器(或是 IP 分享器)都有網頁管理的介面,使用者可以透過網頁登入之後,管理路由器中的各種功能,而如果要更換 ADSL 的 IP 位址,最簡單的方式就是在網頁管理介面中,手動重新連線,由於非固定制的 ADSL 每次連線都會配發不同的 IP 位址,這樣自然就可以獲得一個新的 IP 位址了,這就是一般更換 IP 位址的原理。 ...

September 22, 2014 · G. T. Wang

HTML5 的日期輸入功能教學

HTML5 中提供了一項新的日期輸入功能,可以提供使用者一個很方便選擇日期的介面,開發者也可以不必再依靠 jQuery 等 JavaScript 來實作這樣的功能。 在網頁中若要讓使用者輸入日期,傳統上的做法都是使用 jQuery 或是類似的 JavaScript 工具,另外寫一個日期選擇功能,而現在 HTML5 提供了一項原生的日期輸入功能,讓開發者可以不用再使用額外的工具就可以達到同樣的功能。 ...

September 18, 2014 · G. T. Wang

WebRTC 入門教學(一):多媒體影像串流擷取

這裡介紹如何使用 WebRTC 在網頁中擷取本地端的多媒體影像串流,包含聲音與影像。 在過去有許多的網頁應用程式都有即時溝通(real time communication,簡稱 RTC)的需求,也就是遠端視訊聊天的功能,例如早先的 Google Talk 的視訊聊天、Facebook 聊天與後來發展的 Google Hangouts 等,這些都是用來讓人及時溝通的工具,但是在以前若要使用這樣的功能都要另外下載與安裝一些外掛程式,而安裝這些外掛的程序通常都很麻煩,甚至容易出問題,而最重要的問題是使用者可能一開始就不想安裝它了。 ...

September 17, 2014 · G. T. Wang