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