首先，需要簡單說下layui這個框架，個人覺得屬于那種比較好用的框架，包括他的極簡流暢的彈框，很適合那種主要寫后端的程序員和快速開發(fā)的團隊

本期主要講的是layui富文本編輯器這個東西，他的模式是在某個textarea的基礎上建立了一個富文本編輯器，也就是說你填寫在富文本編輯器的值其實是放在編輯器里面的，并沒有放在之前的textarea中，你獲取textarea的值的時候需要先把富文本編輯器的值同步到之前的textarea中，然后才能通過textarea獲取對應的值

主要代碼如下：

下圖是通過瀏覽器生成的js樣式：

通過上圖可以發(fā)現(xiàn)目前富文本編輯器的值與創(chuàng)建的textarea的值沒有關系

注意：我這里用的彈出框動態(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后面的圖片路徑以自己的具體項目為主，這里僅供參考

具體內容可以去layui官方文檔查看：http://www.layui.com/doc/modules/layedit.html

以上這篇layui富文本編輯器前端無法取值的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論