Pages

Subscribe:

Ads 468x60px

Labels

2014年1月27日 星期一

2014年1月23日 星期四

PHP教學-CKeditor網頁編輯器與CKfinder上傳整合應用

梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用
  無論是使用無名、Pixnet、Xuite或Wordpress...等平台,在管理後台新增文章,都會有一個很像Word的編輯器,透過此編輯器就可輕鬆撰寫文章,並且還可以加粗體變換字體顏色超連結....與圖片上傳等功能,即便完全不懂任何的HTML語法,也可編輯出一個漂亮的文章頁面出來,並且邊製作還會邊顯示結果,這是個相當方便的功能,而這麼棒的功能難不成要自已寫,寫完不只天黑可能都爆肝了,所以要多加善用資源,今天梅干就來分享一個好用的即見即所得HTML文章編輯器CKeditor,與CKfinder上傳元件讓編輯器不只單單可編輯,同時還可上傳檔案甚至直瀏覽伺器服中的檔案,且完全不用寫任何的程式碼,只要設定一下,立即就打造自已專屬的文章編輯器囉!
CKeditor(編輯器)/CKfinder(上傳元件)下載:
編輯器:CKeditor
支援語法:PHP、ASP、ASP.NET、CF
檔案大小:1.99MB
元件版本:3.5.1
官方展示:http://ckeditor.com/demo
官方下載:http://ckeditor.com/download
上傳元件:CKfinder
檔案大小:1.01MB
支援語法:PHP、ASP、ASP.NET、CF
元件版本:2.0.1
官方展示:http://ckfinder.com/demo 
官方下載:http://ckfinder.com/download
Minwt整合版下載(PHP版):

Step1
下載完畢後,將二個元件放在同一目錄,並新增upload資料夾,用來存放上傳檔案。
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step2
開啟ckeditor config.js,分別新增以下語法,控制編輯器選項與啟用上傳功能。
自訂編輯器工具列:
['Source','-','Templates','-','Cut','Copy','Paste'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Format','FontSize','-','TextColor','BGColor']

工具列參數列表:
'Source':原始碼
'Save':儲存
'NewPage':開新檔案
'Preview':預覽
'Templates':樣版

'Cut':剪下
'Copy':複製
'Paste':貼上
'PasteText':貼為文字格式
'PasteFromWord':從word 貼上
'Print':列印
'SpellChecker':拼字檢查
'Scayt':即時拼寫檢查

'Undo':上一步
'Redo':重作
'Find':尋找
'Replace':取代
'SelectAll':全選
'RemoveFormat':清除格式

'Form':表單
'Checkbox':核取方塊
'Radio':單選按鈕
'TextField':文字方塊
'Textarea':文字區域
'Select':選單
'Button':按鈕
'ImageButton':影像按鈕
'HiddenField':隱藏欄位

'Bold':粗體
'Italic':斜體
'Underline':底線
'Strike':刪除線
'Subscript':下標
'Superscript':上標
'NumberedList':編號清單
'BulletedList':項目清單
'Outdent':減少縮排
'Indent':增加縮排
'Blockquote':引用文字

'JustifyLeft':靠左對齊
'JustifyCenter':置中
'JustifyRight':靠右對齊
'JustifyBlock':左右對齊

'Link':超連結
'Unlink':移除超連結
'Anchor':錨點

'Image':圖片影像
'Flash':Flash
'Table':表格
'HorizontalRule':水平線
'Smiley':表情符號
'SpecialChar':特殊符號
'PageBreak':分頁符號

'Styles':樣式
'Format':格式
'Font':字體
'FontSize':大小

'TextColor':文字顏色
'BGColor':背景顏色

'Maximize':最大化
'ShowBlocks':顯示區塊
'About':關於CKEditor

開啟上傳功能:
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'; //可上傳一般檔案
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';//可上傳圖檔
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';//可上傳Flash檔案

梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step3
開啟ckfinder config.php,找到33行將return false改成return true
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step4
接著到63行處,設定上傳的目錄位置。
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step5
新增一個PHP網頁,新增一個form表單,並放入一個textarea的文字框,並且將name與id設一樣,最後在
前加入php語法,但需注意到在replace()中的名稱,要與剛的name與id相同才行喔!
放在前(載入CKeditor):
include_once "ckeditor/ckeditor.php";
$CKEditor = new CKEditor();
$CKEditor->basePath = 'ckeditor/';
$CKEditor->replace("editor1");
?>

梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step6
發佈看一下囉!這時候原來醜醜的文字框,立即變成超炫的HTML編輯器,馬上來測試一下,點一下圖片圖示,看是否能上傳。 
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step7
接著點選上傳頁籤,再點選【選擇檔案】
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step8
選好檔案後,再按上傳至伺服器就行囉! 
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step9
哈~上傳成功! (若是Liunx主機請將資料夾的權限設為777才行喔!)
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step10
按一下送出到下頁接收看看。 
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

Step11
哈!!酷~上傳不但問題,且還能正常的顯示剛所上傳的影像。
梅問題-php教學-CKedit即見即所得html編輯器與CKfinder上傳功能整合應用

  CKeditor與CKfinder相互的搭配下,不但可實現即見即所得的HTML編輯器以外,同時還可以上傳檔案,且完全不用寫任何的程式碼,只要設定一下上傳目錄位置,與開啟上傳的機制,這樣就完成囉!夠簡單吧~而這二個工具若要用於商業用途時,得到官網查看相關授權的部分。

2014年1月22日 星期三

123456 最不安全的密碼寶座

的電腦密碼還在使用「123456」嗎?市場研究公司SplashData分析2013年數百萬個被盜的密碼,結果顯示,「123456」登上最不安全的密碼寶座。
過去長居不安全密碼首位的是「password」,今年「123456」首度擠下「password」,成為第一名。其他不安全密碼依序是,「password」、「12345678」、「qwerty」、「abc123」、「123456789」、「111111」、「1234567」、「iloveyou」、「adobe123」。
SplashData建議個人或企業應使用8位或更多位的密碼,並混合各種類型字元。
(記者甘芝萁)
自由時報 – 2014年1月22日 上午6:11

2014年1月21日 星期二

3招防拷 別想抄襲我的網頁

◎記者陳芸芸/專題報導
(圖一)
(圖二)
(圖三)
  全球資訊網WWW可說是二十世紀最偉大的發明之一,但隨著網路發展,隨意抄襲或惡意利用他人網站內容的情況比比皆是,不少網友都在問,到底有沒有辦法防止他人隨意抄襲呢? 網際網路以「分享」為本質,全世界數有以百萬、千萬計的網友,將自己的心血文章做成網頁,讓其他網友瀏覽分享,甚至下載存檔,慢慢觀賞,雖然這樣一來,知識的複製與流傳將更為快速便利,但相反地,部分不肖的網友,卻也得以因此隨意抄襲他人的心血,放在自己的網站上,甚至拿去牟利,常令原創者十分氣憤與無奈。
  事實上,複製網站上的資料十分容易,因為只要在瀏覽器上點選頁面,再執行複製與貼上的指令,別人花了幾個星期甚至幾個月才整理好的內容,抄襲者只要幾分鐘甚至幾秒鐘就可完成,站長們不禁要問,難道沒有辦法防止或減少情況嗎?答案是肯定的,最普遍也最容易的辦法就是加入JavaScript語言來控制網頁內容。
  為了防止有心人士的複製,網友需要擁有一定的HTML和JavaScript常識,但首先要了解,抄襲者是如何成功複製網頁的。
  一般來說,當一個網頁呈現出來時,如果瀏覽者想要複製其中的內容,通常會採取四個辦法,第一種是點選瀏覽器工具列「檢視╱原始檔」,直接將網頁的原始碼複製起來;第二種是在網頁上按滑鼠右鍵,在跳出來的選單上點選「檢視原始檔」,然後將原始碼存檔;第三種是點選瀏覽器工具列「檢視╱另存新檔」,然後將整個網頁存檔起來;第四種辦法是用滑鼠將想複製的部份或全部內容點選起來,然後貼到適當的應用程式(如Word或Front page)。
  基本上,想要防止他人複製網頁內容,就要防止使用者執行上述四種動作,由於上面四種拷貝辦法或者各自獨立,或者各有相關,所以我們先介紹幾種防止複製的JavaScript控制碼寫法,然後再交互援引參照。
  不少使用者看到喜歡的網頁內容或網頁設計,通常第一個下意識的動作就是去按滑鼠右鍵,並且點選「檢視原始檔」的功能,所以如果能夠讓滑鼠右鍵失效,就可以阻止許多複製的企圖。
 
 要防止別人用滑鼠右鍵看網頁原始碼,可在網頁原始碼標籤的後面加入下面的JavaScipt碼:
這樣一來,當使用者企圖按右鍵檢視網頁原始檔時,就會跳出「請勿擅自複製本網頁的內容!」的警告文字(如圖一),其他網友也就無法利用右鍵偷看你的原始碼了。
上述原始碼當中的「請勿擅自複製本網頁的內容!」這幾個字是可以替換的,網友可以把它換成自己中意的文字(例如「隨便抄襲別人的心血是不好的!」)。
 這種方法可以阻止大部分企圖抄襲網頁的人士,因為根據許多實證的例子,一旦意圖抄襲者發現右鍵無法作用,通常就會放棄抄襲動作。
  光是封鎖滑鼠右鍵,還是無法完全阻止網友偷看原始檔,因為一來滑鼠右鍵的鎖定有法可解,二來抄襲者還是可以透過工具列上的「檢視╱原始檔」或「檢視╱另存新檔」的功能來複製網頁或原始檔,因此我們還得進一步讓工具列上的這些功能失效才行。
  要做到這點,我們可以想辦法讓網友在開啟自己的網頁時,讓瀏覽器上的工具列消失,方法就是另外寫一個首頁B,讓首頁B的連結指向真正的首頁A。
  舉例來說,用戶的首頁A原本是http://www.geocities.com/hahahatest/之下的「index.html」,但是,我們現在要在「index.html」上偷天換日,把「index.html」變成中繼站,讓它指向真正的首頁「index2.html」。
 這種方法可以阻止大部分企圖抄襲網頁的人士,因為根據許多實證的例子,一旦意圖抄襲者發現右鍵無法作用,通常就會放棄抄襲動作。
 
光是封鎖滑鼠右鍵,還是無法完全阻止網友偷看原始檔,因為一來滑鼠右鍵的鎖定有法可解,二來抄襲者還是可以透過工具列上的「檢視╱原始檔」或「檢視╱另存新檔」的功能來複製網頁或原始檔,因此我們還得進一步讓工具列上的這些功能失效才行。
 
要做到這點,我們可以想辦法讓網友在開啟自己的網頁時,讓瀏覽器上的工具列消失,方法就是另外寫一個首頁B,讓首頁B的連結指向真正的首頁A。
 
舉例來說,用戶的首頁A原本是http://www.geocities.com/hahahatest/之下的「index.html」,但是,我們現在要在「index.html」上偷天換日,把「index.html」變成中繼站,讓它指向真正的首頁「index2.html」。
 
先把原本的「index.html」更改檔名成「index2.html」,然後「index.html」的寫法如下:請按此進入首頁

在上面這段原始碼中,最重要的指令就是「menubar=no」,這就是指讓新開視窗的工具列消失,這樣一來,當其他用戶點選時(如圖二),所跳出來的網頁就是沒有工具列的(如圖三),其他網友也就沒有辦法法檢視原始碼或另存新檔了。
當使用者將上述原始碼應用在自己的網站上時,其他的東西都可以照抄,不過請記得,http://www.geocities.com/hahahatest/index2.html這個位址要改成自己的真實首頁所在才行。透過前兩種方式,應可大幅保護自己網頁原始碼,但還有一種情況是,抄襲者未必對網頁的原始碼感興趣,他想要複製的是網頁的文字或圖形,也就是用滑鼠將想複製的部份或全部網頁內容點選起來,貼到適當的應用程式去。
不過,還是可以想辦法讓其他人無法進行複製,而其步驟比前面兩種方式更簡單,只要在標籤之內加入一串指令即可,範例如下:
這個辦法更簡單,可是功能更「直接有效」,因為它連警告視窗都沒有,而且無法採取任何滑鼠或鍵盤的動作,抄襲者甚至會覺得「是不是我的電腦壞掉了」。
 
不過,網友要注意的是,依目前的技術,網路上還是沒有辦法完全防止他人抄襲,任何網頁的保護方法,都還有漏洞可鑽,至於如何破解,這裡當然不能夠洩漏,不過,站長們只要善用上面所介紹的幾種方法,交互運用,雖然無法百分之百防止保證不被抄襲,但絕對可讓多數抄襲者知難而退。

2014年1月7日 星期二

[Linux] 安裝 Hadoop 0.20.1 Multi-Node Cluster

第二十四個夏天後: [Linux] 安裝 Hadoop 0.20.1 Multi-Node Cluster @ Ubun...: 圖片來源: http://hadoop.apache.org/ 今天共用了三台機器,終於真正架了一個 Hadoop Cluster ,在這之前都只是安裝在一台機器上: [Linux] 安裝單機版 Hadoop 0.20.1 Single-Node Cluster (Pseudo...

2013年12月30日 星期一

第三方支付夯 Yahoo拍賣推全民信用卡收款

記者甘偉中/台北報導
電子商務前景看好,各大電商平台也積極提升使用者體驗,務求爭取賣家、買家的青睞,擴大市場佔有率。
Yahoo奇摩30日宣佈,於Yahoo奇摩拍賣推出新版輕鬆付信用卡收付款服務,降低收款門檻,只要經過身份認證,一分鐘一步驟即可開通信用卡收款服務,讓全民皆可享受信用卡付款收款的便利。
Yahoo奇摩第三方支付工具 - Yahoo奇摩輕鬆付,提供ATM、超商取貨付款、信用卡及信用卡分期等支付方式。然而以往個人賣家要取得信用卡收款資格需有相當高門檻。
不過即日起,Yahoo奇摩拍賣推出新版輕鬆付信用卡收付款功能,無論公司或個人賣家皆可申請,無須年費及開辦費,只要經過身分認證,成為Yahoo奇摩拍賣安心賣家,一分鐘一步驟立即開通信用卡收款服務,實現全民賣家輕鬆收款的交易環境。
Yahoo奇摩拍賣同時祭出輕鬆付信用卡推廣活動,只要於2013年12月30日參加Yahoo奇摩拍賣輕鬆付信用卡賣家說明會,且開通信用卡收款服務的賣家,從2014年1月份至3月份間,皆可享有0%信用卡金流手續費的優惠。
此外,Yahoo奇摩拍賣也宣布從2014年2月26日起,全平台統一採用輕鬆付,不再接受其他的支付方式,以降低買家個資外洩的風險,提供更安全的交易環境。