layui富文本編輯器前端無法取值怎么辦

這篇文章主要為大家展示了“l(fā)ayui富文本編輯器前端無法取值怎么辦”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“l(fā)ayui富文本編輯器前端無法取值怎么辦”這篇文章吧。

首先，需要簡單說下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

以上是“l(fā)ayui富文本編輯器前端無法取值怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！