layui 富文本編輯器和textarea值的相互傳遞方法
更新時間：2019年09月18日 15:20:46 作者：Gino_tkzzz
今天小編就為大家分享一篇layui 富文本編輯器和textarea值的相互傳遞方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.富文本編輯器傳遞值給textarea
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">資訊內(nèi)容</label>
<div class="layui-input-block">
<textarea name="content" id="demo" placeholder="請輸入資訊內(nèi)容" class="layui-textarea" lay-verify="content"></textarea>
</div>
</div>
注意:textarea添加lay-verify屬性
layui.use(['form','layedit'], function() {
var form = layui.form,
layer = layui.layer,
$ = layui.jquery,
var layedit = layui.layedit;
//創(chuàng)建編輯器
index = layedit.build('demo',{
tool:[
'strong' //加粗
,'italic' //斜體
,'underline' //下劃線
,'del' //刪除線
,'|' //分割線
,'left' //左對齊
,'center' //居中對齊
,'right' //右對齊
,'link' //超鏈接
,'unlink' //清除鏈接
,'face' //表情
]
}); //建立編輯器
//自定義驗(yàn)證規(guī)則
form.verify({
content:function () {
layedit.sync(index);
}
});
})
創(chuàng)建富文本編輯器,自定義驗(yàn)證規(guī)則這里進(jìn)行同步 index
這樣就可以將富文本編輯器同步到textarea
2.將textarea的值同步到layui富文本編輯器
layedit.setContent(index,$str);
index依然還是之前創(chuàng)建時的變量名
$str 可以是后臺通過ajax傳回來的數(shù)據(jù)
以上這篇layui 富文本編輯器和textarea值的相互傳遞方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
css+js實(shí)現(xiàn)部分區(qū)域高亮可編輯遮罩層
下面介紹我在項(xiàng)目中實(shí)現(xiàn)的方式，全屏遮罩，部分區(qū)域可操作,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了微信小程序頁面間傳遞數(shù)組對象方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
JavaScript實(shí)現(xiàn)簡單的拖動效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單的拖動效果，具有一定的參考價值，感興趣的朋友可以參考一下2016-07-07
也說JavaScript中String類的replace函數(shù)
最近讀了sharpxiajun的博文《javascript筆記--String類replace函數(shù)的一些事》，感覺寫的很好，很有幫助。2011-09-09
Javascript實(shí)現(xiàn)表單檢驗(yàn)
這篇文章主要介紹了Javascript實(shí)現(xiàn)表單檢驗(yàn)，以注冊界面為例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一個自定義遮罩層,大概效果是點(diǎn)擊按鈕Show顯示遮罩層,再次點(diǎn)擊屏幕任何地方隱藏遮罩層,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
常常會用到的截取字符串substr()、substring()、slice()方法詳解
javascript中給我們提供三個截取字符串的方法,分別是:slice(),substring()和substr()。下面我們對這三個函數(shù)進(jìn)行詳細(xì)說明和比較,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了手把手15分鐘搭一個企業(yè)級腳手架，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
js實(shí)現(xiàn)遍歷含有input的table實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)遍歷含有input的table方法,結(jié)合實(shí)例形式分析了jsp讀取數(shù)據(jù)庫動態(tài)生成table及JavaScript遍歷table的相關(guān)技巧,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了js數(shù)組案例之五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05