兩畝三分地

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            17 隨筆 :: 20 文章 :: 2 評論 :: 0 Trackbacks
          為了讓博文編輯更方便,這里介紹一下FCKeditor這個組件, 在這個項目里我們主要利用這個組件的工具欄
           

          FCKeditor提供了很詳細的文檔,關于FCKeditor的安裝,軟件本身提供了對多種語言的支持,根據項目的需要,這里著重介紹javascript的安裝方法。
          首先在網頁的表頭添加下面的聲明
          <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
          接下來有3種不同的方法使用FCKeditor,
          方法一. inline方式 在網頁body部分,把編輯器放在你想放的地方(通常在表單里面),在該位置添加以下腳本:
          <script type="text/javascript">
          var oFCKeditor = new FCKeditor('FCKeditor1');
          oFCKeditor.BasePath 
          = "/fckeditor/";
          oFCKeditor.Create();
          </script>
          方法一實例
          <html>
          <head>
          <title>FCKeditor - Sample</title>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta name="robots" content="noindex, nofollow">
          <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
          </head>
          <body>
          <form>
          <script type="text/javascript">
          var oFCKeditor = new FCKeditor('FCKeditor1');
          oFCKeditor.BasePath 
          = "/fckeditor/";
          oFCKeditor.Create();
          </script>
          </form>
          </body>
          </html>

          方法二 替換TextArea方式
          1.先在Head部位添加onload方法
          <script type="text/javascript">
          window.onload 
          = function()
          {
          var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
          oFCKeditor.BasePath 
          = "/fckeditor/" ;
          oFCKeditor.ReplaceTextarea() ;
          }
          </script>
          2.在<body>部分 添加并替換原先的TextArea
          <textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>
          注意 textarea的名字和FCKeditor的對象名稱一致

          現在我們就可以使用一個很漂亮方便的工具欄了


          但是在個漂亮的工具欄Font里面是沒有宋體,黑體之類的中文字體的,所以在使用前,我們還要做一定的修改。
          打開fckeditor/fckconfig.js,找到并修改FCKConfig.FontNames如下
          FCKConfig.FontNames        = '宋體;黑體;隸書;楷體_GB2312;幼圓;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

          好了經過安裝FCKeditor這個編輯器基本就可以使用了。
          值得注意的是,FCKeditor的屬性是case sensitive,所以在使用的時候千萬注意。

          posted on 2009-09-29 17:16 Chucky 閱讀(113) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 平遥县| 吴旗县| 根河市| 绵竹市| 上林县| 锦州市| 波密县| 平远县| 综艺| 铜山县| 新田县| 南投县| 遵化市| 白城市| 乐清市| 三门县| 日土县| 肇源县| 林甸县| 政和县| 荆门市| 祁东县| 南江县| 乳山市| 余姚市| 天津市| 安康市| 旺苍县| 衢州市| 杂多县| 浠水县| 西藏| 丹巴县| 新昌县| 儋州市| 嘉黎县| 大连市| 舒城县| 赫章县| 额尔古纳市| 大石桥市|