layui富文本編輯器前端無法取值的解決方法
首先，需要簡單說下layui這個(gè)框架，個(gè)人覺得屬于那種比較好用的框架，包括他的極簡流暢的彈框，很適合那種主要寫后端的程序員和快速開發(fā)的團(tuán)隊(duì)
本期主要講的是layui富文本編輯器這個(gè)東西，他的模式是在某個(gè)textarea的基礎(chǔ)上建立了一個(gè)富文本編輯器，也就是說你填寫在富文本編輯器的值其實(shí)是放在編輯器里面的，并沒有放在之前的textarea中，你獲取textarea的值的時(shí)候需要先把富文本編輯器的值同步到之前的textarea中，然后才能通過textarea獲取對(duì)應(yīng)的值
主要代碼如下：
下圖是通過瀏覽器生成的js樣式：
通過上圖可以發(fā)現(xiàn)目前富文本編輯器的值與創(chuàng)建的textarea的值沒有關(guān)系
注意：我這里用的彈出框動(dòng)態(tài)渲染來做的，不管是靜態(tài)的還是動(dòng)態(tài)的，一定要在富文本編輯器修飾完成之后才可以同步值，因?yàn)閔tml他是按照從上到下的順序來加載的
如圖：需要再提交之前同步數(shù)據(jù)： layedit.sync(indexs);
indexs 這個(gè)參數(shù)是創(chuàng)建富文本編輯器后生成的索引，只有通過他才可以取出富文本編輯器的值，
如果跟我一樣采用的是動(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富文本編輯器前端無法取值的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
用js對(duì)上傳的文件大小以及格式進(jìn)行初步的判斷，在服務(wù)端再進(jìn)行一次判斷（防止瀏覽器拒絕執(zhí)行腳本文件)下面有個(gè)不錯(cuò)的方法大家可以參考下2013-11-11
這篇文章主要介紹了JS中bridge的原理與封裝，文章圍繞主題的相關(guān)資料展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-06-06
javascript面向?qū)ο蟀b類Class封裝類庫剖析
一個(gè)從來沒有接觸過javascript的技術(shù)人員，幾小時(shí)內(nèi)就可以寫出一個(gè)簡單有用的程序代碼;想寫出高性能的代碼，同樣需要具備一個(gè)高級(jí)程序員的基本素養(yǎng),javascript也是如此2013-01-01
實(shí)現(xiàn)動(dòng)畫效果核心方式的js代碼
為了做好導(dǎo)航菜單，有時(shí)候需要在菜單下拉的時(shí)候?qū)崿F(xiàn)動(dòng)畫效果，所以這幾天就研究了研究如何用js實(shí)現(xiàn)動(dòng)畫效果，實(shí)現(xiàn)動(dòng)畫核心要用到兩個(gè)函數(shù)，一個(gè)是setTimeOut,另一個(gè)是setInterval2013-09-09
JS跳轉(zhuǎn)手機(jī)站url的若干注意事項(xiàng)
去年年底開發(fā)了一個(gè)手機(jī)站平臺(tái)，遇到了很多坎，今天小編給大家分享下使用JS跳轉(zhuǎn)手機(jī)站url的若干注意事項(xiàng)，需要的朋友參考下吧2017-10-10
JS+jQuery實(shí)現(xiàn)注冊(cè)信息的驗(yàn)證功能
本文通過實(shí)例代碼給大家分享了基于js+jquery實(shí)現(xiàn)的注冊(cè)信息驗(yàn)證功能，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-09-09
JavaScript實(shí)現(xiàn)跟隨滾動(dòng)緩沖運(yùn)動(dòng)廣告框
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)跟隨滾動(dòng)緩沖運(yùn)動(dòng)廣告框，頁面左右兩邊跟隨式廣告框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
Javascript Event事件中IE與標(biāo)準(zhǔn)DOM的比較
說是IE與DOM的比較，其實(shí)還是瀏覽器之間的比較，眾多的瀏覽器中，IE獨(dú)樹一幟，并且占有大部分用戶市場(chǎng)，后來的標(biāo)準(zhǔn)DOM雖然不少優(yōu)點(diǎn)之處，但畢竟一般用戶不關(guān)心也不知道這些，代碼編寫過程中，往往需要兼顧多個(gè)瀏覽器。2010-04-04
不間斷循環(huán)滾動(dòng)效果的實(shí)例代碼(必看篇)
下面小編就為大家?guī)硪黄婚g斷循環(huán)滾動(dòng)效果的實(shí)例代碼(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
javaScript代碼飄紅報(bào)錯(cuò)看不懂？讀完這篇文章再試試
這篇文章主要介紹了javaScript代碼飄紅報(bào)錯(cuò)看不懂？讀完這篇文章再試試,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08