layui富文字編輯器這個東西,他的模式是在某個textarea的基礎上建立了乙個富文字編輯器,也就是說你填寫在富文字編輯器的值其實是放在編輯器裡面的,並沒有放在之前的textarea中,你獲取textarea的值的時候需要先把富文字編輯器的值同步到之前的textarea中,然後才能通過textarea獲取對應的值。
問題:分析:
layedit提供了相當精簡的方法,如下:
方法名 描述
var index = layedit.build(id, options) 用於建立編輯器的核心方法
index:即該方法返回的索引
引數 id: 例項元素(一般為textarea)的id值
引數 options:編輯器的可配置項,下文會做進一步介紹
layedit.set(options) 設定編輯器的全域性屬性
即上述build方法的options
layedit.getcontent(index) 獲得編輯器的內容
引數 index: 即執行layedit.build返回的值
layedit.gettext(index) 獲得編輯器的純文字內容
引數 index: 同上
layedit.sync(index) 用於同步編輯器內容到textarea
引數 index: 同上
layedit.getselection(index) 獲取編輯器選中的文字
引數 index: 同上
其中layedit.sync(index)方法用來將輸入的資訊同步到textarea中,所以我們在提交之前需要先執行以下這個方法。其中index為例項元素(一般為textarea)的id值。
解決方法:
首先我們在textarea標籤中加入lay-verify=「article_desc」:這一句是給textarea增加了乙個名為「article_desc」的自定義驗證規則。
然後在js中新增驗證的具體內容:
//自定義驗證規則
form.verify(
},article_desc: function(value)
});
此處名為「article_desc」自定義驗證規則在進行驗證時執行函式,也就是執行了layedit.sync(index); 這個方法,每次提交之前都會對新增了驗證規則的項進行驗證,也就意味著每次提交之前都會將富文字中的內容同步到textarea中,這樣我們就能順利的獲取到內容了。 Layui富文字編輯器提交表單時無法獲取輸入內容
layui富文字編輯器這個東西,他的模式是在某個textarea的基礎上建立了乙個富文字編輯器,也就是說你填寫在富文字編輯器的值其實是放在編輯器裡面的,並沒有放在之前的textarea中,你獲取textarea的值的時候需要先把富文字編輯器的值同步到之前的textarea中,然後才能通過textar...
layui使用富文字編輯器
html 這裡的原理是你輸入的內容會經過處理插入到文字區域textarea中 js 文字編輯器 layui.use form layedit function 建立編輯器 layedit.build demo 後台介面 上傳方法 將記憶體中的資料寫入磁碟 file.transferto newfil...
layui整合富文字編輯器
var layedit layui.layedit layedit.build lay content 我這裡加入tool是因為我需要加入在工具欄加入code功能。如果只需要預設功能,可以直接使用build layedit.build lay content lay content表示textare...