您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“layui富文本編輯器前端無法取值怎么辦”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“layui富文本編輯器前端無法取值怎么辦”這篇文章吧。
首先,需要簡單說下layui這個框架,個人覺得屬于那種比較好用的框架,包括他的極簡流暢的彈框,很適合那種主要寫后端的程序員和快速開發的團隊
本期主要講的是layui富文本編輯器這個東西,他的模式是在某個textarea的基礎上建立了一個富文本編輯器,也就是說你填寫在富文本編輯器的值其實是放在編輯器里面的,并沒有放在之前的textarea中,你獲取textarea的值的時候需要先把富文本編輯器的值同步到之前的textarea中,然后才能通過textarea獲取對應的值
主要代碼如下:
下圖是通過瀏覽器生成的js樣式:
通過上圖可以發現目前富文本編輯器的值與創建的textarea的值沒有關系
注意:我這里用的彈出框動態渲染來做的,不管是靜態的還是動態的,一定要在富文本編輯器修飾完成之后才可以同步值,因為html他是按照從上到下的順序來加載的
如圖:需要再提交之前同步數據: layedit.sync(indexs);
indexs 這個參數是創建富文本編輯器后生成的索引,只有通過他才可以取出富文本編輯器的值,
如果跟我一樣采用的是動態渲染最好把indexs定義成全局的,不然 在yes這個方法中是拿不到indexs的
然后就可以用id選擇器的val()屬性去獲取了。
還有一點就是執行上傳的 時候的返回值,一定要遵循他的規則:
"{\"code\":0,\"msg\":\"上傳成功\",\"data\":{\"src\":\""+request.getContextPath() + "/upload/home/"+tempName+ "\"}}";
src后面的圖片路徑以自己的具體項目為主,這里僅供參考
具體內容可以去layui官方文檔查看:http://www.layui.com/doc/modules/layedit.html
以上是“layui富文本編輯器前端無法取值怎么辦”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。