UEditor如何使用?UEditor的配置教程

2011-09-28 18:14:05來源:威尼斯人官網作者:

今天介紹的一款百度出品的富文本編輯器UEditor!體積小、功能強大、安全可靠。UEditor已經應用到百度百科、百度經驗、百度空間等多個項目。下面就介紹一下UEditor編輯器的配置方法。

今天介紹的一款百度出品的富文本編輯器UEditor!體積小、功能強大、安全可靠。UEditor已經應用到百度百科、百度經驗、百度空間等多個項目。下面就介紹一下UEditor編輯器的配置方法。

1.澳門威尼斯人官網ueditor編輯器
最新版澳門威尼斯人官網地址:/2011/9-28/baidu-UEditor.html

解壓后目錄結構如下:

    * _examples:直接打開index.html即可看到效果(注:請將項目部署到服務器上,避免對話框圖片無法加載等跨域問題)
    * demo:一些常用的示例和實現方式
    * _src:所有源碼,部署時可刪除,二次開發時可使用
    * dialogs:彈出對話框所引用的頁面
    * themes:樣式和圖片
    * editor_ui_all.js:包含全部功能的js文件
    * editor_ui_all_min.js:包含全部功能的壓縮文件,即editor_ui_all.js的壓縮版
    * editor_config.js:編輯器的配置文件,這個腳本需要在其他腳本之前引用

配置UEditor編輯器的教程

2.部署編輯器到您的網站程序目錄里,例如:http://您的域名/ueditor

3.修改HTML頁面

   A. 在需要顯示編輯器的位置準備一個容器,容器可以是textarea或者div。

      //id可以自己修改,在創建編輯器的時候將這個id傳入即可
      //div作為容器的示例
          <div id="editor"></div>
      //textarea作為容器的示例
          <textarea id="editor">
              這里可以放編輯器初始化的內容,創建編輯器時,
               我們會將內容放到編輯器的編輯區域里
          </textarea>
      //兩種創建編輯器的區別是:
      //div不可以在標簽里設置初始值,在創建編輯器的時候配置initialContent參數
      //textarea可以在標簽里設置初始值,不能配置initialContent參數
                             

   B. 在該HTML頁面添加以下腳本

      //先引入配置文件(可以修改編輯器的高度,初始化內容等參數)
      <script type="text/javascript" src="/editor_config.js"></script>
      //包含全部功能的js文件
      <script type="text/javascript" src="/editor_ui_all.js"></script>
      //編輯器的默認樣式
      <link type="text/css" href="/themes/default/ueditor.css"/>
      //創建編輯器
      <script type="text/javascript" charset="utf-8">
          var editor = new baidu.editor.ui.Editor();
          editor.render('editor');  //editor為編輯器容器的id
      </script>
 

贊助商鏈接:

推薦文章
    友情鏈接:威尼斯人/現金網/游戲  威尼斯人官網/澳門威尼斯人網上澳門pp安裝/澳門威尼斯人游戲網站  威尼斯人捕魚/澳門威尼斯人官方/澳門威尼斯人網站在線  澳門威尼斯人官網/威尼斯人官網電子/澳門威尼斯人賭博賭博  威尼斯人電子/澳門威尼斯人注冊/澳門威尼斯人棋牌  威尼斯人官網|澳門威尼斯人官方注冊  澳門威尼斯人在線/威尼斯人官網電子游藝/現金網  威尼斯人棋牌/澳門威尼斯人官方官網/澳門威尼斯人網站電子  澳門威尼斯人賭博/威尼斯人在線電子/澳門威尼斯人網站現金網  澳門威尼斯人集團/威尼斯人在線網址/威尼斯人網址賭博  澳門威尼斯人棋牌/威尼斯人娛樂網址/威尼斯人電玩城賭博  澳門威尼斯人/電子/棋牌  威尼斯人游戲/澳門威尼斯人線上現金網/澳門威尼斯人官網電子游戲  澳門威尼斯人電子游藝/威尼斯人官網注冊/澳門威尼斯人國際真人  澳門威尼斯人游戲/威尼斯人線上電子/澳門威尼斯人國際網址  
    福建福彩