兩畝三分地

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

          FCKeditor提供了很詳細(xì)的文檔,關(guān)于FCKeditor的安裝,軟件本身提供了對多種語言的支持,根據(jù)項目的需要,這里著重介紹javascript的安裝方法。
          首先在網(wǎng)頁的表頭添加下面的聲明
          <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
          接下來有3種不同的方法使用FCKeditor,
          方法一. inline方式 在網(wǎng)頁body部分,把編輯器放在你想放的地方(通常在表單里面),在該位置添加以下腳本:
          <script type="text/javascript">
          var oFCKeditor = new FCKeditor('FCKeditor1');
          oFCKeditor.BasePath 
          = "/fckeditor/";
          oFCKeditor.Create();
          </script>
          方法一實(shí)例
          <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的對象名稱一致

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


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

          好了經(jīng)過安裝FCKeditor這個編輯器基本就可以使用了。
          值得注意的是,F(xiàn)CKeditor的屬性是case sensitive,所以在使用的時候千萬注意。

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

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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 文昌市| 湖北省| 法库县| 新源县| 外汇| 汉寿县| 开鲁县| 塔城市| 闽清县| 安平县| 大方县| 东乌珠穆沁旗| 若尔盖县| 嵊泗县| 田阳县| 金沙县| 汉阴县| 乌什县| 绍兴市| 台山市| 增城市| 比如县| 铜川市| 礼泉县| 贡嘎县| 荥经县| 秭归县| 济阳县| 营口市| 日土县| 英德市| 松阳县| 哈巴河县| 木里| 广宁县| 塘沽区| 安丘市| 尖扎县| 黄浦区| 钟祥市| 海晏县|