Layui富文字編輯器提交表單時無法獲取輸入內容

2021-09-02 17:16:10 字數 1236 閱讀 3883

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...