1. 程式人生 > >umedit在php中的使用及配置

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();  

相關推薦

TPU配置使用CRUD

php onf where 搜索 localhost oca url_model 使用 底層 面向對象編程。側重的是對象。MVCM:model 模型; 主要是對底層的數據庫進行操作V:view 視圖; C:控制器; 業務邏輯的處理過程和數據的調用過程!

在AndroidManifest(清單文件)註冊activity(活動)配置主活動、更改App圖標、App名稱、修改隱藏標題欄

雙擊 建議 nba cat ima manager ram spa src 打開app/src/main/AndroidManifest。 1 <?xml version="1.0" encoding="utf-8"?> 2 <manifest xm

Centos6.7或7.2系統 github配置基本使用

github配置及基本使用1.安裝 yum install git git-gui 2.生成密鑰對 ssh-keygen -t rsa -C "github郵箱地址"1、首先要檢查key是不是已經存在,2、打開一個終端,並輸入以下命令:$ ls -al ~/.ssh如果

在Mac系統安裝配置Apache Tomcat

class 安裝 配置 span pat body 網址 cat 驗證 1.下載Tomcat http://tomcat.apache.org/download-80.cgi .tar.gz結尾和zip均可 2:解壓至想要的文件下 3:配置(註:輸入路徑自定) 使用終端

在CentOS7.4安裝jdk的幾種方法配置環境變量

HR 環境 -o OS 安裝jdk 加載類 軟件包 上傳 jre_home 一、下載jdk jdk下載地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

SpringBoot配置文件的優先級加載順序

cloud str 重寫 加載順序 () 微服務 system efault ron 我們在寫程序的時候會碰到各種環境(開發、測試、生產),因而,在我們切換環境的時候,我們需要手工切換配置文件的內容。這大大的加大了運維人員的負擔,同時會帶來一定的安全隱患。 為此,為了能更合

AIX系統網卡的查看配置命令

AIX系統中網卡的查看及配置命令[導讀]AIX系統中網卡的查看及配置命令 在AIX中,網卡是用ent開頭來表示的,一個網卡在系統中實際上可以看到兩個設備接口,en開頭的是Ethernet II標準的,et開頭的是IEEE 802.3標準的。以太網的幀有兩種標準:Ethernet II(或者叫Standard

Spark Shuffle JVM 內存使用配置內幕詳情

數據緩存 案例 part png 配置 4條 resources CP 考題 本課主題 JVM 內存使用架構剖析 Spark 1.6.x 和 Spark 2.x 的 JVM 剖析 Spark 1.6.x 以前 on Yarn 計算內存使用案例 Spark Un

Maven的安裝配置、Maven在Eclipse配置

技術分享 info IV 準備 插件 class 目錄 ips 技術 一、需要準備的東西 1. JDK 2. Eclipse 3. Maven程序包 二、檢查JAVA安裝 三、安裝Maven 下載apache-maven-3.5.3-bin.zip解壓即可。

nginxlocation配置匹配詳解

back amp 告訴 正則表達式 順序 win http 方法 ext nginx中location配置及匹配詳解1、location語法規則 Location 基礎知識1.location 是在 server 塊中配置。2.可以根據不同的 URI 使用不同的配置(loc

JDBC使用Properties類配置文件的操作

art ole sele exc water 需要 center bool cti 同時發布於:https://blog.csdn.net/Activity_Time/article/details/81149710一、properties配置文件開發中獲得連接的4個參數(

MongDB-API在SSM框架配置使用

一、在父工程的pom.xml中引入Maven依賴 <groupId>com.foriseland.fjf</groupId> <artifactId>fjf-cache-mongdb</artifactId> <version>1.0

vuesass的使用配置

在vue-cli環境中build資料夾中的webpack.base.conf.js配置  resolve: {     extensions: ['.js', '.vue', '.json','.scss'],     alias: { &nbs

OpenGL在MFC程式配置使用

關於在MFC中使用OpenGL繪圖,我在網上參考了許多教程,感覺很雜很亂,因此走了不少彎路。在此寫下這篇教程,希望能幫助更多像我這樣的新手。 注:你的電腦可不必事先配置好OpenGL環境 建立MFC程式 點選 確定,下一步,選擇單文件,mfc標準,完成。 點選執

Spring Boot路徑配置檔案讀取問題

編譯時src/main/java中*.java檔案會被編譯成*.class檔案,在classpath中建立對應目錄及class檔案           src/main/resources目錄中的檔案會被複制到classpath目錄中 imp

docker 安裝 docker jenkins 的安裝配置

環境 Centos 7.5 拉取映象 docker pull jenkins/jenkins:2.138.1-alpine 設定本地目錄 建立使用者 useradd je

[Centos-Docker] Docker-gpu安裝dockerjupyter配置

寫在前面 OS版本:centos7 Anaconda版本:3.5 一、Docker安裝 安裝教程連結:https://github.com/ufoym/deepo#GPU,執行如下圖的Step1和Step2: Step1中的使用yum安裝命令如下: $ y

LinuxDNS配置用命令方式修改網路

什麼是DNS? DNS(Domain Name System)域名系統,可以將域名與IP地址相互對映的一個分散式資料庫,能夠方便去訪問網際網路,而不去記住計算機讀取的IP數串。例如當我們訪問百度時候,直接可以輸入百度網址,而網址www.baidu.com就是域名

@Value在SpringSpringBoot配置使用

厚顏打廣告,博主個人部落格地址傳送門 @Value註解簡介 在開發的過程中,很多東西我們都將其放置在配置檔案中,然後使用程式碼對配置檔案進行解析,這樣易於系統的維護,減少運維成本。傳統的讀取配置檔案的寫法為: ```` Properties properties

關於虛擬機器網路配置埠對映(外部能夠訪問虛擬機器裡面的服務)

0: 以管理員的身份執行 1: 編輯---------à 虛擬網路編輯器                             &nb