兩畝三分地

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

          FCKeditor提供了很詳細的文檔,關(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>
          方法一實例
          <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)航:
           
          主站蜘蛛池模板: 绵阳市| 凭祥市| 桃源县| 垫江县| 荆州市| 东源县| 铁岭县| 富源县| 出国| 攀枝花市| 龙江县| 茌平县| 剑阁县| 琼中| 广西| 修水县| 齐河县| 固始县| 清新县| 淮安市| 吴桥县| 南投县| 米泉市| 中山市| 通化市| 海城市| 云南省| 明光市| 民乐县| 江北区| 昭苏县| 仙游县| 长宁县| 平利县| 太谷县| 康保县| 汤阴县| 鄄城县| 威信县| 云南省| 建湖县|