close

1.下載網址:http://ckeditor.com/,按「Free downlaod」

2.按下圖的「Download zip」存到網站內,並解壓縮

FCKeditor教學

3.輸入網址 http://localhost/tiny/fckeditor/_samples/default.html ,tiny是你的網站資料夾,上面選「Sample 02 : Replacement of a TEXTAREA」

FCKeditor教學 

4.在下面頁框右鍵>>檢視原始檔,選取如下圖位置,編輯>>複製,到Dreamweaver,貼到</head>的上面

FCKeditor教學

5.「<script type="text/javascript" src="../../fckeditor.js"></script>」改為正確的相對路徑。

var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;」

更改為「var sBasePath = "/tiny/fckeditor/" ;」

tiny是網站資料夾,我的網站是放在「http://localhost/tiny/」。

var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;」

更改為「var oFCKeditor = new FCKeditor( 'textarea' ) ;」

「textarea」是區域文字的名稱。

FCKeditor教學

6.預覽後就可以看了。

FCKeditor教學 

7.讓圖片可以上傳:修改「fckeditor\editor\filemanager\connectors\php\config.php」,「tiny」是網站資料夾,「pic」是我要上傳的資料夾,最後一行是網站的直實路徑。

FCKeditor教學 

8.按「FCKeditor教學 」就可以上傳圖片了

FCKeditor教學 

 

 

全站熱搜
創作者介紹
創作者 css6 的頭像
css6

美奇電腦

css6 發表在 痞客邦 留言(1) 人氣()