layui富文本編輯器前端無法取值的解決方法
首先,需要簡單說下layui這個框架,個人覺得屬于那種比較好用的框架,包括他的極簡流暢的彈框,很適合那種主要寫后端的程序員和快速開發(fā)的團隊
本期主要講的是layui富文本編輯器這個東西,他的模式是在某個textarea的基礎(chǔ)上建立了一個富文本編輯器,也就是說你填寫在富文本編輯器的值其實是放在編輯器里面的,并沒有放在之前的textarea中,你獲取textarea的值的時候需要先把富文本編輯器的值同步到之前的textarea中,然后才能通過textarea獲取對應的值
主要代碼如下:
下圖是通過瀏覽器生成的js樣式:
通過上圖可以發(fā)現(xiàn)目前富文本編輯器的值與創(chuàng)建的textarea的值沒有關(guān)系
注意:我這里用的彈出框動態(tài)渲染來做的,不管是靜態(tài)的還是動態(tài)的,一定要在富文本編輯器修飾完成之后才可以同步值,因為html他是按照從上到下的順序來加載的
如圖:需要再提交之前同步數(shù)據(jù): layedit.sync(indexs);
indexs 這個參數(shù)是創(chuàng)建富文本編輯器后生成的索引,只有通過他才可以取出富文本編輯器的值,
如果跟我一樣采用的是動態(tài)渲染最好把indexs定義成全局的,不然 在yes這個方法中是拿不到indexs的
然后就可以用id選擇器的val()屬性去獲取了。
還有一點就是執(zhí)行上傳的 時候的返回值,一定要遵循他的規(guī)則:
"{\"code\":0,\"msg\":\"上傳成功\",\"data\":{\"src\":\""+request.getContextPath() + "/upload/home/"+tempName+ "\"}}";
src后面的圖片路徑以自己的具體項目為主,這里僅供參考
具體內(nèi)容可以去layui官方文檔查看:http://www.layui.com/doc/modules/layedit.html
以上這篇layui富文本編輯器前端無法取值的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript如何將偽數(shù)組轉(zhuǎn)換成數(shù)組?
這篇文章主要介紹了JavaScript如何將偽數(shù)組轉(zhuǎn)換成數(shù)組,?偽數(shù)組的主要特征是一個對象,并且該對象有l(wèi)ength屬性,更多參考內(nèi)容,需要的小伙伴可以參考一下2022-07-07setTimeout與setInterval的區(qū)別淺析
這篇文章主要給大家介紹了關(guān)于setTimeout與setInterval區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用js具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-03-03Document:getElementsByName()使用方法及示例
Document:getElementsByName()想必大家對它并不陌生吧,主要是根據(jù)名稱獲取元素,下面是其具體的使用方法及范例,感興趣的朋友不要錯過2013-10-10javascript 獲取url參數(shù)和script標簽中獲取url參數(shù)函數(shù)代碼
不要在方法中調(diào)用方法,否則可能始終獲取的是最后一個js的文件的參數(shù),要在方法中使用,請先用變量保存,在方法中直接獲取2010-01-01