解決 MySQL 4.1 的亂碼問題 FCKeditor 按鈕設定詳細說明
一月 11

有了 FCKeditor 你也可以用網頁創造自己的部落格

架站．瀏覽：[ 9,537user+2,641機器人 ]給個回應

FCKeditor 是一個強大的線上編輯器，它常常出現在我們的周圍，不過你應該沒發覺到，無名的編輯器就是採用 FCKeditor 系統，包括WP也有 FCKeditor 的編輯器外掛，它免費，可自由散佈，真是感謝作者這麼無私的提供了一套這麼好的軟體來供給我們使用！

如果今天我們心血來潮，想自己創造一個BLOG，那麼編輯器我首推 FCKeditor，其實它可以應用的地方很多，例如討論區的編輯器也可以採用，有很多方向可以思考。

來介紹一下 FCKeditor 的安裝方式吧！很難嗎？放心，安裝 FCKeditor 絕對比安裝 WP 簡單的多！


第一步：
先連到 FCKeditor 的官方網站下載最新的版本，官網也有多詳細的安裝及介紹資訊，如果你看的懂的話，我自己是看不懂，另外這裡有線上的 FCKeditor 展示，可以讓你先試用看看，不過我相信大家都很熟了。

第二步：
把下載回來的 FCKeditor 解壓縮到網站的根目錄下，FCKeditor 支援很多的版本安裝，如 ASP、JAVA、PHP...等，這裡使用的是 PHP 版本來做示範。在網頁中加入底下幾行參數：

PLAIN TEXT
PHP:
  1. <?php
  2. include("FCKeditor/fckeditor.php");
  3. $oFCKeditor = new FCKeditor('FCKeditor1');
  4. $oFCKeditor->BasePath = './FCKeditor/';
  5. $oFCKeditor->Value = '';
  6. $oFCKeditor->Width  = '50%';
  7. $oFCKeditor->Height = '500';
  8. $oFCKeditor->Config['SkinPath'] = 'skins/silver/';
  9. $oFCKeditor->ToolbarSet = 'myBasic';
  10. ?>

然後在你需要放編輯的的地方，通常是 <form> 裡，加入底下參數：

PLAIN TEXT
PHP:
  1. <?php $oFCKeditor->Create(); ?>

這樣就可以了開你的網頁來看看你剛剛做好的 FCKeditor ，沒錯！就是這麼簡單！

一些細部的地方還是需要設定一下！先來說說上面個參數的意義好了！

第一行 include("FCKeditor/fckeditor.php");
這是網頁一開始要嵌入的設定檔，這裡要注意一下路徑及資料夾檔名的問題，請按照你網站實際的情形修改。

第二行 $oFCKeditor = new FCKeditor('FCKeditor1');
這是設定編輯器的文章內容，所要存放的變數空間，等一下才可以用 $_POST['FCKeditor1'] 或 $_GET['FCKeditor1'] 來發送或是存取。

第三行 $oFCKeditor->BasePath = './FCKeditor/';
存放 FCKeditor 資料夾的原始路徑。也是要注意檔名及路徑的問題。

第四行 $oFCKeditor->Value = '';
這是設定編輯器一開始要顯示在編輯區塊的訊息，如果不希望有任何訊息顯示，保持空值即可。

第五、六行 Width、Height
這是設定編輯器的寬跟高。

第七行 $oFCKeditor->Config['SkinPath'] = 'skins/silver/';
這是設定面板佈景，FCKeditor 預設有三個面板可以更換，位置在 ./FCKeditor/editor/skins 裡，有 default、office2003、silver 三個可以選擇。

第八行 $oFCKeditor->ToolbarSet = 'myBasic';
這裡可以選擇按鈕的配置檔，設定檔在 ./FCKeditor/fckconfig.js 裡的 FCKConfig.ToolbarSets，預設有 [Default] [Basic] 可以選擇，不過 Default 的功能全開，會有安全性的疑慮，而 Basic 的功能又太少，所以我們可以在下面自訂一個功能列，然後在網夜裡使用這個指令呼叫。

而下面放在 <form> 這一行 <?php $oFCKeditor->Create(); ?> 是用來呼叫出 FCKeditor 的。

建立修改頁面

PLAIN TEXT
PHP:
  1. <?php
  2. require_once('Connections/fck.php');
  3. include("FCKeditor/fckeditor.php");
  4. $oFCKeditor = new FCKeditor('FCKeditor1')  ;
  5. $oFCKeditor->BasePath = './FCKeditor/';
  6. $oFCKeditor->Value = $row_Recordset1['content'];
  7. $oFCKeditor->Width  = '100%';
  8. $oFCKeditor->Height = '500';
  9. $oFCKeditor->Config['SkinPath'] = 'skins/silver/';
  10. $oFCKeditor->ToolbarSet = 'myBasic';
  11. ?>
  12. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  13. <html>
  14. <head>
  15. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  16. <title>編輯</title>
  17. </head>
  18.  
  19. <body>
  20. <form method="POST" action="<?php echo $editFormAction; ?>" name="edit">
  21. <table width="80%"  border="1" align="center" cellpadding="4" cellspacing="2">
  22.   <tr>
  23.     <td>主題</td>
  24.     <td><input name="subject" type="text" id="subject" value="<?php echo $row_Recordset1['subject']; ?>" size="50"></td>
  25.   </tr>
  26.   <tr>
  27.     <td>時間</td>
  28.     <td><input name="date" type="text" id="date" value="<?php echo $row_Recordset1['date']; ?>"></td>
  29.   </tr>
  30.   <tr>
  31.     <td colspan="2">
  32.       <?php $oFCKeditor->Create(); ?>
  33.       <input name="content" type="hidden" id="content" value="<?php echo $row_Recordset1['content']; ?>"></td>
  34.   </tr>
  35.   <tr>
  36.     <td colspan="2"><input type="submit" name="Submit" value="送出">
  37.       <input name="on" type="hidden" id="on" value="<?php echo $row_Recordset1['on']; ?>"></td>
  38.   </tr>
  39. </table>
  40. <input type="hidden" name="MM_update" value="edit">
  41. </form>
  42. </body>
  43. </html>
  44. <?php
  45. mysql_free_result($Recordset1);
  46. ?>

標籤： , ,

    

本篇文章引用網址：

其他隨機文章：
  • 聯播
  • [教學] 使用 VDownloader 下載 YouTube 影片
  • [軟體] 檔案或資料夾無法刪除？試試 Unlocker
  • [轉貼] 財報的新見解：地雷股也會演化
  • [賀] 開站58天，PageRank值躍升3
    		•


    13 個回應在 “有了 FCKeditor 你也可以用網頁創造自己的部落格”

    1. Andy 說道:
      五月 29th, 2008 at 3:51 下午

      你的文章很棒,

      可以麻煩你一下,

      我在使用 FCKeditor時有一個問題,

      就是在討論區中, 我想要建立修改模式,

      就是可以取出之前得討論,

      修改後再存進資料庫,

      我想是在下列中設定

      $oFCKeditor->Value = '';

      我取出資料庫的變數是$row['news_content'];

      請問要如何寫才能讓FCKeditor的編輯區域中顯出原始的資料

      謝謝

    2. blue955 說道:
      五月 31st, 2008 at 9:56 上午

      應該要做一個修改資料的頁面，我有把原始檔POST在頁面上，你再參考看看

    3. olivi 說道:
      七月 4th, 2008 at 6:02 下午

      　您好，我是第一次使用FCKeditor，有點疑問想請教，我想透過FCKeditor製作修改頁面，也是這按照大大上面的模式操作，雖然沒有出現錯誤訊息，但修改完成按送出後卻沒辦法把資料順利更新到資料庫的欄位中，也並沒有出現錯誤訊息。

      想問，這樣的狀況會是有什麼問題呢？使用FCKeditor只要這定此頁面就好了嗎？有無其他需要修改？

      另外，在想確認，因為FCKeditor在執行的頁面上是沒有欄位的，那麼我透過dreamweaver連結mysql時，指定更新的欄位是透過隱藏欄位方式嗎？還是該用什麼方式指定欄位呢？

      麻煩大大協助謝謝！

    4. 卍煞氣翔卍 說道:
      七月 6th, 2008 at 9:11 上午

      tt

    5. 奶茶 說道:
      七月 18th, 2008 at 11:28 上午

      請問版主~~
      謝謝你的教學~~
      安裝後都能使用~~
      唯一的問題就是發文時出現了程式未行系統會自動加上
      就是說，每次我發文時，按下shift+enter後~~
      卻會空兩大行~~
      看原始碼，出現了兩個
      請問這個問題有辦法解決嗎??
      謝謝^_^y

    6. lucas 說道:
      十一月 6th, 2008 at 4:24 下午

      請教版大一個問題，小弟想要修改fckeditor文字編輯區的背景顏色，但是在skin/default/修改了css之後 改變的只有按鈕的背景顏色，文字輸入區塊的顏色再載入時有變過，但是載入完之後馬上又變回白色了

      請問版大小弟應該修改哪個檔案>< 這個問題已經困擾小弟好久了

    7. rgb256 說道:
      十一月 12th, 2008 at 12:44 上午

      版主您好,
      請問 require_once('Connections/fck.php'); 這個檔案是要自己編輯嗎?
      單純取 $oFCKeditor->Value = $row_Recordset1['content']; 好像show不出來,
      不曉得該如何取值?

      謝謝.

    8. david 說道:
      一月 10th, 2009 at 2:02 下午

      版大您好
      小弟按照您的步驟安裝 使用IE瀏覽時卻一直出現404錯誤,但我測試過,利用PHPINFO();是可以秀出PHP的資訊,是否我的PHP在安裝時需要加入甚麼模組才行嗎?感謝您

    9. 現用元件、練功部落 » BlogStar.t.er 說道:
      三月 12th, 2009 at 1:29 上午

      [...] FCKeditor , FCKeditor 按鈕設定詳細說明 , Dean’s FCKEditor For Wordpress [...]

    10. 請幫忙想想看 說道:
      三月 29th, 2009 at 12:51 上午

      版大您好
      小弟已安裝好
      但是想要設定欄位內容為必填(不能空白)
      所以加上

      奇怪~有出現警示
      但是仍會送出表單!!
      請教怎麼解決??

    11. 午夜客 說道:
      五月 9th, 2009 at 10:08 下午

      不错不错，学习一下。安装一个WP的FCK插件看看

    12. CALVIN 說道:
      十二月 18th, 2009 at 1:31 上午

      你好,請問一下,我在wp裡安裝了ckeditor,但發現原來的編輯器整個不見了,這其實並沒什麼,但我有裝一些其他的外掛,那些外掛有些是會新增一個按鈕在編輯器上,結果安裝了ckeditor後,外掛的按鈕都沒了,請問有方法把外掛的按鈕安裝到ckeditor上嗎

    13. 小K|豁出去的天蝎座 – 快乐是免费的 » FCKeditor、新浪：HTML在线编辑器的使用+修改 說道:
      一月 24th, 2010 at 3:31 下午

      [...] FCKeditor 的安裝你可以參考這一篇：有了 FCKeditor 你也可以用網頁創造自己的部落格 [...]


    寫下回應