layui 富文本編輯器和textarea值的相互傳遞方法
更新時(shí)間：2019年09月18日 15:20:46 作者：Gino_tkzzz
今天小編就為大家分享一篇layui 富文本編輯器和textarea值的相互傳遞方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
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="請(qǐng)輸入資訊內(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' //左對(duì)齊
,'center' //居中對(duì)齊
,'right' //右對(duì)齊
,'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)建時(shí)的變量名
$str 可以是后臺(tái)通過(guò)ajax傳回來(lái)的數(shù)據(jù)
以上這篇layui 富文本編輯器和textarea值的相互傳遞方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript表單驗(yàn)證的兩種實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證的兩種實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
在?JavaScript?中,設(shè)置定時(shí)器通常使用兩個(gè)內(nèi)置的函數(shù)：setTimeout()?和?setInterval(),本文將結(jié)合實(shí)際項(xiàng)目代碼為大家講解一下如何使用它們2024-12-12
JS函數(shù)修改html的元素內(nèi)容,及修改屬性內(nèi)容的方法
下面小編就為大家?guī)?lái)一篇JS函數(shù)修改html的元素內(nèi)容,及修改屬性內(nèi)容的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
一個(gè)JavaScript操作元素定位元素的實(shí)例
操作元素定位元素，大家會(huì)想到使用js來(lái)實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，大家可以看看2014-10-10
基于jquery實(shí)現(xiàn)全屏滾動(dòng)效果
相信大家都很喜歡網(wǎng)易郵箱、QQ瀏覽器的官方網(wǎng)站這樣的可全屏滾動(dòng)的效果，也許更多的朋友想把全屏滾動(dòng)效果做到自己的網(wǎng)站中，本文就帶著大家一起完成這個(gè)效果2015-11-11
本篇文章主要介紹了關(guān)于webpack代碼拆分的解析，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
javascript 手動(dòng)給表增加數(shù)據(jù)的小例子
這篇文章介紹了js手動(dòng)給表增加數(shù)據(jù)的實(shí)例代碼，有需要的朋友可以參考一下2013-07-07
axios請(qǐng)求設(shè)置responseType為'blob'或'arraybuffer&apo
這篇文章主要給大家介紹了關(guān)于axios請(qǐng)求設(shè)置responseType為'blob'或'arraybuffer'下載時(shí)如何正確處理返回值的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
詳解ES6 export default 和 import語(yǔ)句中的解構(gòu)賦值
這篇文章主要介紹了詳解ES6 export default 和 import語(yǔ)句中的解構(gòu)賦值，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
javascript實(shí)現(xiàn)的網(wǎng)站訪問(wèn)量統(tǒng)計(jì)代碼
本文文章通過(guò)兩段代碼實(shí)例給大家介紹了基于javascript實(shí)現(xiàn)網(wǎng)站訪問(wèn)量統(tǒng)計(jì)代碼，對(duì)js實(shí)現(xiàn)網(wǎng)站訪問(wèn)量統(tǒng)計(jì)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12