umedit在php中的使用及配置
轉載他人:http://www.cnblogs.com/losen/archive/2013/05/23/3094612.html
一、富文字內容互動
1、編輯器內容初始化(即往編輯器中設定富文字)
場景一:寫新文章,編輯器中預置提示、問候等內容。
在editor_config.js檔案中找到initialContent引數,設定其值為需要的提示或者問候語即可,如initialContent:’歡迎使用UEditor!’。
場景二:編輯舊文章,從資料庫中取出富文字放置到編輯器中。
顯然,編輯文章時需要從後臺資料庫中取出大段富文字,如果仍然採用場景一中的方式去設定初始值的話,必然會帶來諸如引號匹配被截斷等問題,因此需要採用另外一種方式去設定,如下程式碼所示:
1 2 3 |
<script
type= "text/plain" id= "editor" >
//從資料庫中取出文章內容列印到此處
</script>
|
此處採用了script標籤作為編輯器容器物件,並設定了其型別是純文字,從而在避免了標籤內部JS程式碼執行的同時解決了部分同學在使用傳統的textarea標籤作為容器所帶來的一次額外轉碼問題。
2、提交編輯器內容至後端
場景一:在編輯器所在的Form中存在提交按鈕,提交動作由點選此按鈕完成。
該場景適用於最普通的場合,沒有太大問題需要注意,僅三點說明:
1) 預設情況下提交到後臺的表單名稱是 “editorValue”,在editor_config.js中可以配置,引數名為textarea。
2) 可以在容器標籤(即script標籤)上設定name屬性,以覆蓋editor_config.js中的預設配置。例項程式碼如下,此處的myContent將成為新的提交表單名稱:
1 2 3 4 5 |
<form
action= "" method= "post" >
<script
type= "text/plain" id= "editor" name= "myContent" >
</script>
<input
name= "submit" value= "提交" type= "submit" >
</form>
|
3)後端接收程式可以通過如下幾種方式來獲取編輯器中的富文字內容。
1 2 3 4 5 6 7 8 9 10 11 |
//PHP獲取:
$_POST[ "myContent" ]
//JSP獲取:
request.getParameter( "myContent" );
//ASP獲取:
request( "myContent" );
//NET獲取:
context.Request.Form[ "myContent" ];
|
場景二:編輯器所在的Form中不存在提交按鈕,提交動作由外部事件觸發。
該場景適用於站點前端互動較多的場合,需要注意的事項主要是在觸發form提交動作之前執行編輯器內容同步操作。一般的程式碼模式如下所示:
1 2 3 4 5 |
//滿足提交條件時同步內容並提交,此處editor為編輯器例項
if (editor.hasContents()){
//此處以非空為例
editor.sync();
//同步內容
someForm.submit();
|