UEditor表單提交和後臺互動詳解
最後更新對應的版本：1.2.5.1

教程描述： 富文字編輯器的使用開發中，表單提交有多種場景，編輯器初始化有新增文章和編輯就文章兩種場景，提交表單有普通提交也有ajax提交表單兩種情景，此教程詳細講解這幾種場景下如何保證後臺正確拿到資料。

一、編輯器內容初始化（即往編輯器中設定富文字）
    場景一：寫新文章，編輯器中預置提示、問候等內容。
在editor_config.js檔案中找到initialContent引數，設定其值為需要的提示或者問候語即可，如initialContent:’歡迎使用UEditor!’。

    場景二：編輯舊文章，從資料庫中取出富文字放置到編輯器中。
    顯然，編輯文章時需要從後臺資料庫中取出大段富文字，如果仍然採用場景一中的方式去設定初始值的話，必然會帶來諸如引號匹配被截斷等問題，因此需要採用另外一種方式去設定，如下程式碼所示：

1. <script type="text/plain" id="editor">
   
2.     //從資料庫中取出文章內容列印到此處
   
3. </script>

複製程式碼 此處採用了script標籤作為編輯器容器物件，並設定了其型別是純文字，從而在避免了標籤內部JS程式碼執行的同時解決了部分同學在使用傳統的textarea標籤作為容器所帶來的一次額外轉碼問題，只要此處設定的內容不為空字串，內容會覆蓋配置檔案的initialContent引數的值。

二、提交編輯器內容至後端
    場景一：在編輯器所在的Form中存在提交按鈕，提交動作由點選此按鈕完成。
    該場景適用於最普通的場合，沒有太大問題需要注意，僅三點說明：
        1) 預設情況下提交到後臺的表單名稱是 "editorValue"，在editor_config.js中可以配置，引數名為textarea。
        2) 可以在容器標籤（即script標籤）上設定name屬性，以覆蓋editor_config.js中的預設配置。例項程式碼如下，此處的   
        myContent將成為新的提交表單名稱：

1. <form action="" method="post">
   
2.     <script type="text/plain" id="editor" name="myContent"></script>
   
3.     <input type="submit" name="submit" value="提交">
   
4. </form>

複製程式碼 3）後端接收程式可以通過如下幾種方式來獲取編輯器中的富文字內容。

1. //PHP獲取：
   
2. $_POST["myContent"]
   
3. //JSP獲取：
   
4. request.getParameter("myContent");
   
5. //ASP獲取：
   
6. request("myContent");
   
7. //NET獲取:
   
8. context.Request.Form["myContent"];

複製程式碼     場景二：編輯器所在的Form中不存在提交按鈕，提交動作由外部事件觸發。
    該場景適用於站點前端互動較多的場合，需要注意的事項主要是在觸發form提交動作之前執行編輯器內容同步操作。一般的程式碼模式如下所示：

1. //滿足提交條件時同步內容並提交，此處editor為編輯器例項
   
2. if(editor.hasContents()){ //此處以非空為例
   
3.     editor.sync();       //同步內容
   
4.     someForm.submit();   //提交Form
   
5. }

複製程式碼